@charset "UTF-8";
/*color change according to broker color theme*/
/*System Analysis Software (0)*/
/* $primary-color: #333;
 $primary-hover: #666;
 $primary-tcolor: #eee;

 $secondary-color: #ccc;
 $secondary-hover: #999;
 $secondary-tcolor: #111;*/
/*MIDAS Stock Broking Company (21)*/
/*$primary-color: #d18103;
$primary-hover: #ffc05c;
$primary-tcolor: #fff;

$secondary-color: #2d3192;
$secondary-hover: #393ebf ;
$secondary-tcolor: #fff;*/
/*Sumeru Securities pvt Limited (39)*/
/*$primary-color: #A82429;
$primary-hover: #fba8a8;
$primary-tcolor: #fff;

$secondary-color: #f6f4f9;
$secondary-hover: #f1f1f1;
$secondary-tcolor: #222222;*/
/*Trishakti Securities Limited. (48)*/
/*Blue Chip Securities Limited (88)*/
/*$primary-color: #0e4e91;
$primary-hover: #1d4672;
$primary-tcolor: #fff;

$secondary-color: #369cd6;
$secondary-hover: #29749e;
$secondary-tcolor: #fff;*/
/*Indira Securities Limited (80)*/
/*$primary-color: #190097;
$primary-hover: #00140078;
$primary-tcolor: #fff;

$secondary-color: #009a2d;
$secondary-hover: #00661e;
$secondary-tcolor: #fff;*/
/*Capital Max Pro Pvt. Ltd. (62)*/
/*$primary-color: #1c542f;
$primary-hover: #1b853f;
$primary-tcolor: #fff;

$secondary-color: #87bd27;
$secondary-hover: #799b3f;
$secondary-tcolor: #fff;*/
/*Vision Securities Pvt. Ltd. (34)*/
/*$primary-color: #374685;
$primary-hover: #374eb1;
$primary-tcolor: #fff;

$secondary-color: #08773C;
$secondary-hover: #29a161;
$secondary-tcolor: #fff;*/
/*Dipshikha Dhitopatra Karobar Company Ltd. (38)*/
/*$primary-color: #00a651;
$primary-hover: #106c3d;
$primary-tcolor: #fff;

$secondary-color: #f9c000;
$secondary-hover: #af953e;
$secondary-tcolor: #fff;*/
/*South Asian Bulls Pvt.Limited (43)*/
/*Himalayan Brokerage Company Ltd. (63)*/
/*$primary-color: #00a651;
$primary-hover: #106c3d;
$primary-tcolor: #fff;

$secondary-color: #f9c000;
$secondary-hover: #af953e;
$secondary-tcolor: #fff;*/
/*Property Wizard Limited (67)*/
/*$primary-color: #149045;
$primary-hover: #106632;
$primary-tcolor: #fff;

$secondary-color: #235ba4;
$secondary-hover: #173a66;
$secondary-tcolor: #fff;
*/
/*Index Securities Limited (69)*/
/*$primary-color: #57b948;
$primary-hover: #358129;
$primary-tcolor: #fff;

$secondary-color: #2d3389;
$secondary-hover: #161b68;
$secondary-tcolor: #fff;*/
/*Nagarik Stock Dealer (60)*/
/*$primary-color: #001358;
$primary-hover: #001b52;
$primary-tcolor: #fff;

$secondary-color: #00832f;
$secondary-hover: #005d0b;
$secondary-tcolor: #fff;*/
/*Pragyan Securities Pvt. Ltd. (10)*/
/*$primary-color: #374685;
$primary-hover: #374eb1;
$primary-tcolor: #fff;

$secondary-color: #08773C;
$secondary-hover: #29a161;
$secondary-tcolor: #fff;*/
/*Kalash Stock Pvt. Ltd. (75)*/
/*$primary-color: #00ae4d;
$primary-hover: #374eb1;
$primary-tcolor: #fff;

$secondary-color: #ed2024;
$secondary-hover: #29a161;
$secondary-tcolor: #fff;*/
/*Infinity Securities Limited (70)*/
/*$primary-color: #00135f;
$primary-hover: #1236c4;
$primary-tcolor: #fff;

$secondary-color: #008131;
$secondary-hover: #08d757;
$secondary-tcolor: #fff;*/
/*Sun Securities pvt Limited (64)*/
/*$primary-color: #1b2141;
$primary-hover: #2d386e;
$primary-tcolor: #fff;

$secondary-color: #d19e35;
$secondary-hover: #f0bf59;
$secondary-tcolor: #ffffff;
*/
/*Milkyway Share Broker Company Ltd. (84)*/
/*$primary-color: #1528a0;
$primary-hover: #121a4e;
$primary-tcolor: #fff;

$secondary-color: #2fb12f;
$secondary-hover: #008000;
$secondary-tcolor: #fff;*/
/*Bhole Ganesh Securities(61)*/
/*$primary-color: #095575;
$primary-hover: #085270;
$primary-tcolor: #fff;

$secondary-color: #229f48;
$secondary-hover: #116e2e;
$secondary-tcolor: #fff;*/
/*Deevya Securities (59)*/
/*$primary-color: #38b54a;
$primary-hover: #0e621a;
$primary-tcolor: #fff;

$secondary-color: #c04227;
$secondary-hover: #982c15;
$secondary-tcolor: #fff;*/
/*color change according to broker color theme*/
/*universal*/
/*text-color*/
/*text-color*/
/*universal*/
/*unniversal*/
h1, h2, h3, h4, h5, h6 {
  color: #333 !important;
}

ul li p, p, span, li, strong, p span, a, p span em, p span em b, p span b em, p span, p em, p b, b, P, label {
  color: #333;
}

button {
  border: none !important;
  border-radius: 5px !important;
}
button:hover {
  border: none !important;
}

img {
  border-radius: 5px;
}

.form-group button {
  border: none !important;
  border-radius: 5px !important;
}
.form-group button:hover {
  border: none !important;
}

form .form-group input, form .form-group select, form .form-group textarea {
  border-radius: 5px !important;
  box-shadow: none !important;
}
form .form-group input:focus, form .form-group select:focus, form .form-group textarea:focus {
  border: 1px solid #36437e !important;
  outline: none !important;
  box-shadow: none !important;
}
form .form-group select span:focus {
  border: 1px solid #36437e !important;
  outline: none !important;
  box-shadow: none !important;
}
form .form-group select span span {
  border-radius: 5px !important;
}

.fa-trash:before, .fa-edit:before {
  font-family: "FontAwesome" !important;
}

.table tbody tr td button {
  display: block;
  float: left;
  padding: 0px 5px !important;
  border-right: 1px solid #aaa !important;
  border-radius: 0px !important;
}
.table tbody tr td button:last-child {
  border-right: none !important;
}
.table tbody tr td button.btn.btn-primary.btnBuy {
  background: none !important;
  color: #30b983 !important;
  width: auto !important;
}
.table tbody tr td button.btn.btn-danger.btnSell {
  color: #f13a3a !important;
  background: none !important;
  width: auto !important;
}
.table tbody tr td a.symbol {
  display: block;
  float: left !important;
  width: 75% !important;
}
.table tbody tr td a.neutral {
  border: none !important;
  padding: 0px 0px 0px 5px !important;
}
.table tbody tr td a.neutral:before {
  left: -5px !important;
}

/*pagination*/
ul.pagination li a {
  border-radius: 0px !important;
}
ul.pagination li a:hover {
  background: #f1f1f1 !important;
  color: #000 !important;
}

#myTabContent ul.pagination li.page-item.active a {
  background: #36437e !important;
  color: #fff !important;
}
#myTabContent ul.pagination li.page-item.active:hover {
  background: #2e4cd4 !important;
  color: #fff !important;
}

/*pagination*/
/*Modal*/
.modal-dialog {
  margin: 0 auto !important;
  max-width: 65% !important;
  position: relative;
  top: 50%;
  transform: translateY(-50%) !important;
}
.modal-dialog .modal-content .modal-header {
  padding: 15px 15px !important;
}
.modal-dialog .modal-content .modal-header h1, .modal-dialog .modal-content .modal-header h2, .modal-dialog .modal-content .modal-header h3, .modal-dialog .modal-content .modal-header h4, .modal-dialog .modal-content .modal-header h5, .modal-dialog .modal-content .modal-header h6 {
  color: #fff !important;
  font-size: 20px !important;
}
.modal-dialog .modal-content .modal-header button.close {
  color: #fff !important;
  margin: 0px !important;
  padding: 0px !important;
}
.modal-dialog .modal-content .modal-header button.close span {
  color: #fff !important;
  font-size: 20px !important;
  line-height: 20px !important;
}
.modal-dialog .modal-content .modal-body {
  padding: 15px !important;
  display: block;
  float: left;
  width: 100% !important;
}
.modal-dialog .modal-content .modal-body .row {
  margin: 0px 0px 10px 0px !important;
}
.modal-dialog .modal-content .modal-body .row label {
  font-size: 14px !important;
  font-weight: normal !important;
}
.modal-dialog .modal-content .modal-body .row label:first-child {
  font-weight: bold !important;
  margin: 10px 0px 0px 0px !important;
}
.modal-dialog .modal-content .modal-body .row .col-md-4 label, .modal-dialog .modal-content .modal-body .row .col-md-3 label {
  font-weight: bold !important;
}
.modal-dialog .modal-content .modal-body .row label.error {
  position: fixed !important;
  z-index: 9999;
  width: 100% !important;
  display: block;
  float: left !important;
  font-size: 13px !important;
}
.modal-dialog .modal-content .modal-body form .form-group .captchaImageContainer {
  margin: 10px 0px 0px -10px !important;
  position: relative;
}
.modal-dialog .modal-content .modal-body form .form-group .captchaImageContainer #captchaImage {
  border: 1px solid #ced4da !important;
}
.modal-dialog .modal-content .modal-body form .form-group .captchaImageContainer button#btnCaptchaImage {
  position: relative;
  top: -18px !important;
}
.modal-dialog .modal-content .modal-body form .form-group #txtCaptcha {
  margin: 10px 0px 0px 0px !important;
}
.modal-dialog .modal-content .modal-body form .form-action-btn button.save {
  background: #36437e !important;
}
.modal-dialog .modal-content .modal-body form .form-action-btn button.save:hover {
  background: #2e4cd4 !important;
}
.modal-dialog .modal-content .modal-body form .form-action-btn button.cancel {
  background: #0e5e5e !important;
}
.modal-dialog .modal-content .modal-body form .form-action-btn button.cancel:hover {
  background: #dbb87c !important;
}
.modal-dialog .modal-content .modal-body span.balance {
  margin: 14px 0px 0px 0px !important;
  display: block;
  float: left;
}
.modal-dialog .modal-content .modal-body #gatewaysView label {
  font-size: 14px !important;
  font-weight: normal !important;
}
.modal-dialog .modal-content .modal-body #gatewaysView #divPaymentMethod a {
  width: 25% !important;
  height: 130px !important;
  padding: 10px !important;
}
.modal-dialog .modal-content .modal-body #gatewaysView #divPaymentMethod a img {
  width: 100% !important;
}
.modal-dialog .modal-content .modal-body #gatewaysView #divPaymentMethod a.ips-active {
  background: #f13a3a !important;
  color: #fff !important;
  border: none !important;
}
.modal-dialog .modal-content .modal-body #gatewaysView #divPaymentMethod a.esewa-active {
  background: #30b983 !important;
  color: #fff !important;
  border: none !important;
}
.modal-dialog .modal-content .modal-body #gatewaysView #divPaymentMethod a.gbime-active {
  background: #f13a3a !important;
  color: #fff !important;
  border: none !important;
}
.modal-dialog .modal-content .modal-body form .transaction-record-details .tr-form-section {
  padding: 0px !important;
}
.modal-dialog .modal-content .modal-body .print-panel button {
  background: none !important;
}
.modal-dialog .modal-content .modal-body .print-panel button i.fa.fa-file-pdf {
  color: #f13a3a !important;
  font-size: 24px !important;
  font-weight: normal !important;
}
.modal-dialog .modal-content .modal-body .print-panel button i.fa.fa-print {
  color: #000 !important;
  font-size: 24px !important;
  font-weight: normal !important;
}
.modal-dialog .modal-content .modal-footer button {
  color: #fff !important;
  font-size: 16px !important;
  padding: 10px !important;
  border: none !important;
  line-height: normal;
  border-radius: 5px !important;
}
.modal-dialog .modal-content .modal-footer button.btn-next {
  background: #0199da !important;
}
.modal-dialog .modal-content .modal-footer button.btn-back {
  background: #0199da !important;
}
.modal-dialog .modal-content .modal-footer button.btn-save {
  background: #30b983 !important;
}
.modal-dialog .modal-content .modal-footer button.btn-add {
  background: #0199da !important;
}
.modal-dialog .modal-content .modal-footer button.btn-subtract {
  background: #f13a3a !important;
}
.modal-dialog .modal-content .modal-footer button.btn-sell {
  background: #f13a3a !important;
}
.modal-dialog .modal-content .modal-footer button.btn-buy {
  background: #0199da !important;
}
.modal-dialog .modal-content .modal-footer button.btn-reset {
  background: #666 !important;
}
.modal-dialog .modal-content .modal-footer button.btn-cancel {
  background: #000 !important;
}

#billModal .modal-content .modal-body {
  min-height: 50px !important;
  max-height: 80vh !important;
  overflow-y: scroll !important;
}

/*Modal*/
span.q2q, span.y2y {
  display: block;
  float: left;
  width: 100% !important;
}

#data-container button#requestLink {
  float: right !important;
}

/*Export Icon*/
.export-panel {
  margin: -40px 0px 0px 0px !important;
}
.export-panel button {
  background: none !important;
}
.export-panel button i {
  font-size: 24px !important;
  font-weight: normal !important;
}
.export-panel button i.fa.fa-file-pdf-o {
  color: #f13a3a !important;
}
.export-panel button i.fa.fa-file-excel {
  color: #30b983 !important;
}
.export-panel button i.fa.fa-print {
  color: #000 !important;
}

/*Export Icon*/
/*tab*/
.btn-link.active {
  color: #36437e !important;
  border-bottom: 2px solid #36437e !important;
  text-decoration: none;
}

.btn-link:hover {
  color: #36437e !important;
  border-bottom: 2px solid #36437e !important;
}

/*tab*/
.broker-search-form,
#search-filter {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px 0px 20px 0px !important;
}
.broker-search-form button,
#search-filter button {
  padding: 10px 20px !important;
}
.broker-search-form button.btn-primary.btnSearch,
#search-filter button.btn-primary.btnSearch {
  background: #36437e !important;
}
.broker-search-form button.btnResetFilter,
#search-filter button.btnResetFilter {
  background: #0e5e5e !important;
}

.p-transaction-rec .trf-title button.btn-primary.btnSearch {
  background: #36437e !important;
}
.p-transaction-rec .trf-title button.btnResetFilter {
  background: #0e5e5e !important;
}

/*unniversal*/
.ips-active {
  background: #ed1c24 !important;
  color: #fff !important;
  background: 1px solid #ed1c24 !important;
}

.eSewa-Active {
  background: #41a124 !important;
  color: #fff !important;
  background: 1px solid #41a124 !important;
}

/*General*/
/* scroll-top */
@keyframes rotate {
  from {
    margin-top: 15px;
  }
  to {
    margin-top: 5px;
  }
}
/* scroll-top */
@keyframes trans-in {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
@keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes green {
  0% {
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  100% {
    -moz-box-shadow: 0px 2px 15px 0px #86bd27;
    box-shadow: 0px 2px 15px 0px #86bd27;
  }
}
@-webkit-keyframes green {
  0% {
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  100% {
    -webkit-box-shadow: 0px 2px 15px 0px #86bd27;
    box-shadow: 0px 2px 15px 0px #86bd27;
  }
}
@-o-keyframes green {
  0% {
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  100% {
    -o-box-shadow: 0px 2px 15px 0px #86bd27;
    box-shadow: 0px 2px 15px 0px #86bd27;
  }
}
@keyframes green {
  0% {
    box-shadow: none !important;
  }
  100% {
    box-shadow: 0px 2px 15px 0px #86bd27;
  }
}
@keyframes corner-gainer {
  0% {
    border-top-left-radius: 1% 50%;
  }
  12.5% {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
  }
  25% {
    border-top-right-radius: 1% 50%;
  }
  25.001% {
    border-top-right-radius: 50% 1%;
  }
  37.5% {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
  }
  50% {
    border-bottom-right-radius: 50% 1%;
  }
  50.001% {
    border-bottom-right-radius: 1% 50%;
  }
  62.5% {
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
  }
  75% {
    border-bottom-left-radius: 1% 50%;
  }
  75.001% {
    border-bottom-left-radius: 50% 1%;
  }
  87.5% {
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
  }
  100% {
    border-top-left-radius: 50% 1%;
  }
}
@keyframes corner-looser {
  0% {
    border-top-left-radius: 1% 50%;
  }
  12.5% {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
  }
  25% {
    border-top-right-radius: 1% 50%;
  }
  25.001% {
    border-top-right-radius: 50% 1%;
  }
  37.5% {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
  }
  50% {
    border-bottom-right-radius: 50% 1%;
  }
  50.001% {
    border-bottom-right-radius: 1% 50%;
  }
  62.5% {
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
  }
  75% {
    border-bottom-left-radius: 1% 50%;
  }
  75.001% {
    border-bottom-left-radius: 50% 1%;
  }
  87.5% {
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
  }
  100% {
    border-top-left-radius: 50% 1%;
  }
}
@keyframes corner-unchanged {
  0% {
    border-top-left-radius: 1% 50%;
  }
  12.5% {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
  }
  25% {
    border-top-right-radius: 1% 50%;
  }
  25.001% {
    border-top-right-radius: 50% 1%;
  }
  37.5% {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
  }
  50% {
    border-bottom-right-radius: 50% 1%;
  }
  50.001% {
    border-bottom-right-radius: 1% 50%;
  }
  62.5% {
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
  }
  75% {
    border-bottom-left-radius: 1% 50%;
  }
  75.001% {
    border-bottom-left-radius: 50% 1%;
  }
  87.5% {
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
  }
  100% {
    border-top-left-radius: 50% 1%;
  }
}
@keyframes ellipsis {
  to {
    width: 20px;
    margin-right: 0;
  }
}
@-webkit-keyframes lightning-effect {
  0% {
    left: -50px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), color-stop(50%, #fff), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, #fff 50%, rgba(255, 255, 255, 0.3) 100%);
  }
  50% {
    left: 100%;
  }
  to {
    left: -50px;
    background: 0 0;
  }
}
@keyframes lightning-effect {
  0% {
    left: -50px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), color-stop(50%, #fff), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, #fff 50%, rgba(255, 255, 255, 0.3) 100%);
  }
  50% {
    left: 100%;
  }
  to {
    left: -50px;
    background: 0 0;
  }
}
@keyframes pulse {
  from {
    transform: scale(0.5);
  }
  to {
    transform: scale(1.5);
  }
}
@keyframes floatY {
  0% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}
@-webkit-keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
html {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

body {
  margin: 0px !important;
  padding: 0px !important;
  background: #fff !important;
  font-family: "Roboto", sans-serif !important;
  color: #666 !important;
}
body .co-title-section .company-search {
  display: block !important;
}
body .co-title-section .company-ltp {
  display: block !important;
  float: left;
  width: auto !important;
  padding: 0px 0px 0px 20px !important;
  line-height: normal !important;
}
body .co-title-section .mf-ltp span {
  margin-right: 10px !important;
  font-weight: bold !important;
  font-size: 18px !important;
}
body .p-transaction-rec .portfolio-overview .co-title-section .co-highlight {
  display: block !important;
}
body .p-transaction-rec .portfolio-overview .co-highlight p.co-date:before {
  top: 10px !important;
}
body .modal-backdrop {
  background: transparent !important;
}

body.sidebar-mini.layout-fixed .os-content {
  width: 80px;
}
body.sidebar-mini.layout-fixed aside.main-sidebar.sidebar-dark-primary.elevation-4 .sidebar.os-host.os-theme-light.os-host-overflow.os-host-overflow-y.os-host-resize-disabled.os-host-transition.os-host-scrollbar-horizontal-hidden:hover .os-content {
  width: auto !important;
}

ul {
  margin: 0px;
  padding: 0px;
  display: list-item;
  list-style: none !important;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul li {
  font-family: "Roboto", sans-serif !important;
  list-style: none !important;
}
ul li a {
  font-family: "Roboto", sans-serif !important;
  list-style: none !important;
}
ul .select-field {
  display: block;
  float: right;
  width: auto !important;
  margin-top: 3px !important;
  position: absolute;
  right: 10px !important;
  top: 40px !important;
}
ul .select-field form {
  display: block;
  float: right !important;
  width: 100% !important;
}
ul .select-field form select {
  font-size: 14px !important;
  line-height: normal !important;
  padding: 5px 10px !important;
}
ul .select-field form select option {
  font-size: 14px !important;
  line-height: normal !important;
  padding: 5px 10px !important;
}
ul .select-field form select:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #aaa !important;
}
ul .custom-select {
  height: auto !important;
  width: auto !important;
}

a {
  font-family: "Roboto", sans-serif !important;
  margin: 0px;
  padding: 0px;
  color: #36437e;
  font-size: 14px !important;
  text-decoration: none !important;
  color: #36437e;
  line-height: normal !important;
  color: #666;
  text-decoration: none;
}
a:hover {
  text-decoration: none !important;
  color: #333 !important;
  text-decoration: none;
}
a:focus {
  outline: none !important;
  color: #666;
  text-decoration: none;
}
a i.fa.fa-question-circle {
  vertical-align: middle !important;
}
a:active {
  color: #666;
  text-decoration: none;
}
a:visited {
  color: #666;
  text-decoration: none;
}
a .float-right.border.rounded.px-1 {
  z-index: 9999 !important;
  position: fixed !important;
  right: 25px !important;
  top: 47px;
}
a.save {
  background: #36437e;
  color: #fff !important;
  border-radius: 0;
  padding: 10px 15px;
}
a.save:hover {
  background: #2e4cd4;
}

p {
  float: left;
  width: 100%;
  margin: 0px !important;
  padding: 0px;
  line-height: 44px;
  margin: 0px;
  padding: 0px;
  font-size: 14px !important;
  text-decoration: none !important;
  color: #333 !important;
  line-height: normal !important;
}

span {
  margin: 0px;
  margin: 0px;
  padding: 0px;
  padding: 0px;
  color: #333;
  font-size: 14px !important;
  font-size: 14px !important;
}

li {
  margin: 0px;
  padding: 0px;
  color: #333 !important;
  font-size: 14px !important;
}
li:first-child a.nav-trigger p {
  margin-left: -30px !important;
  margin-top: -8px !important;
  font-weight: normal !important;
  color: #333 !important;
}

strong {
  margin: 0px;
  padding: 0px;
  color: #333;
  font-size: 14px !important;
}

button {
  outline: none;
  border: none;
  font-size: 14px !important;
  font-family: "Roboto", sans-serif !important;
  font-variant: normal;
  font-style: normal;
  line-height: normal !important;
  border-radius: 0px !important;
}
button:focus {
  outline: none !important;
}

em {
  font-style: normal !important;
}

h1 {
  float: left;
  width: 100%;
  color: #333 !important;
  margin: 0px !important;
  padding: 0px;
  line-height: normal;
  font-family: "Roboto", sans-serif !important;
  font-variant: normal;
  font-style: normal;
  line-height: normal !important;
  font-size: 22px;
}

h2 {
  float: left;
  width: 100%;
  color: #333 !important;
  margin: 0px !important;
  padding: 0px;
  line-height: normal;
  font-family: "Roboto", sans-serif !important;
  font-variant: normal;
  font-style: normal;
  line-height: normal !important;
  font-size: 18px;
}

h3 {
  float: left;
  width: 100%;
  color: #333 !important;
  margin: 0px !important;
  padding: 0px;
  line-height: normal;
  font-family: "Roboto", sans-serif !important;
  font-variant: normal;
  font-style: normal;
  line-height: normal !important;
  font-size: 18px;
}

h4 {
  float: left;
  width: 100%;
  color: #333 !important;
  margin: 0px !important;
  padding: 0px;
  line-height: normal;
  font-family: "Roboto", sans-serif !important;
  font-variant: normal;
  font-style: normal;
  line-height: normal !important;
  font-size: 16px;
}

h5 {
  float: left;
  width: 100%;
  color: #333 !important;
  margin: 0px !important;
  padding: 0px;
  line-height: normal;
  font-family: "Roboto", sans-serif !important;
  font-variant: normal;
  font-style: normal;
  line-height: normal !important;
  font-size: 15px;
}

h6 {
  float: left;
  width: 100%;
  color: #333 !important;
  margin: 0px !important;
  padding: 0px;
  line-height: normal;
  font-family: "Roboto", sans-serif !important;
  font-variant: normal;
  font-style: normal;
  line-height: normal !important;
  font-size: 14px;
}

img {
  border: 0;
}
img:focus {
  outline: none !important;
}

.table {
  margin-bottom: 0px !important;
}
.table thead tr th {
  padding: 5px 0px !important;
  font-size: 14px !important;
  border: none !important;
  padding: 10px 5px !important;
}
.table thead th {
  vertical-align: top !important;
}
.table tbody tr td {
  padding: 5px 0px !important;
  font-size: 14px !important;
  border: none !important;
  padding: 5px !important;
  border-bottom: 1px dotted #d2d2d2 !important;
}
.table tbody tr td a.open {
  border: 1px solid #ddd !important;
  padding: 5px 10px !important;
  color: #30b983 !important;
}
.table tbody tr td a.closed {
  display: block;
  float: left;
  width: auto !important;
  border: 1px solid #ddd !important;
  padding: 5px 10px !important;
  color: #f13a3a !important;
}
.table tbody tr:hover {
  background: #f2f2f2;
}
.table tbody tr td.margin-left {
  padding-left: 40px !important;
  font-weight: normal !important;
}
.table tbody.table-span:hover tr {
  background: #fafafa !important;
}

table {
  width: 100%;
}
table tr th {
  color: #666 !important;
}
table tr td {
  color: #666 !important;
}
table tbody#tbAnnouncement tr td {
  padding: 15px !important;
}
table tbody#tbAnnouncement tr td p {
  margin-bottom: 5px !important;
}
table tbody#tbAnnouncement tr td p:first-child {
  margin-bottom: 10px !important;
  color: #30b983 !important;
}
table tbody#tbAnnouncement tr td a {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  margin-bottom: 15px !important;
  font-size: 18px !important;
  border-bottom: 1px solid #ddd !important;
}
table tbody tr:last-child td {
  border-bottom: none !important;
}
table tbody tr td span.text-up {
  color: #30b983 !important;
}
table tbody tr td span.text-down {
  color: #f13a3a !important;
}
table tbody tr td span.text-neutral {
  color: #205d83 !important;
}
table th {
  text-align: left;
  border-bottom: 1px solid #000;
  padding: 10px !important;
  padding: 5px !important;
  font-size: 14px;
}
table td {
  padding: 10px !important;
  padding: 5px !important;
  font-size: 14px;
}
table #tbdWatchlistKeyFinancials tr td span {
  float: right !important;
  display: block !important;
  width: 80px !important;
}
table #tbdWatchlistRatios tr td span {
  float: right !important;
  display: block !important;
  width: 80px !important;
  padding: 0px 5px !important;
}

i.fa {
  font-family: fontawesome !important;
  color: #666 !important;
  padding: 0px !important;
}

i {
  font-size: 14px !important;
}
i:focus {
  outline: none !important;
}

.ml-auto {
  margin-left: 0px !important;
}

.mx-auto {
  margin-left: 0px !important;
}

.row {
  margin: 0px !important;
  width: 100% !important;
}

.col-lg-1 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-lg-10 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-lg-11 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-lg-12 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-lg-2 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-lg-3 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-lg-4 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-lg-5 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-lg-6 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-lg-7 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-lg-8 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-lg-9 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-md-1 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-md-10 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-md-11 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-md-12 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-md-2 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-md-3 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-md-4 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-md-5 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-md-6 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-md-7 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-md-8 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-md-9 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-sm-1 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-sm-10 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-sm-11 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-sm-12 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-sm-2 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-sm-3 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-sm-4 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-sm-5 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-sm-6 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-sm-7 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-sm-8 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-sm-9 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-xs-1 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-xs-10 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-xs-11 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-xs-12 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-xs-2 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-xs-3 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-xs-4 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-xs-5 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-xs-6 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-xs-7 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-xs-8 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-xs-9 {
  padding: 0px !important;
  display: block;
  float: left !important;
  margin: 0px !important;
}

.col-xs-5th {
  display: block;
  float: left;
  width: 20% !important;
  position: relative !important;
}

.col-xs-5ths {
  display: block;
  float: left;
  width: 16.6% !important;
  position: relative !important;
}

.col-xs-5-az {
  display: block;
  float: left;
  width: 20% !important;
  position: relative !important;
  margin-bottom: 20px !important;
}

.col-xs-7ths {
  display: block;
  float: left;
  width: 14.28% !important;
  position: relative !important;
}

.col-xs-7-co {
  display: block;
  float: left;
  width: 15% !important;
  position: relative !important;
}

.padder {
  padding: 0px 10px !important;
}

.r-padder {
  padding-right: 10px !important;
}

.l-padder {
  padding-left: 10px !important;
}

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

#wrapper {
  width: 90% !important;
  margin: 0 auto !important;
  margin: 0 auto !important;
}

.nowrap {
  margin: 0px !important;
  padding: 0px !important;
}

.indices-section.section-title.l-padder {
  box-shadow: none !important;
}

input {
  outline: none;
  border: none;
  font-size: 14px !important;
  font-family: "Roboto", sans-serif !important;
  font-variant: normal;
  font-style: normal;
  line-height: normal !important;
  border-radius: 0px !important;
}
input:focus {
  box-shadow: none !important;
}

textarea {
  outline: none;
  border: none;
  font-size: 14px !important;
  font-family: "Roboto", sans-serif !important;
  font-variant: normal;
  font-style: normal;
  line-height: normal !important;
  border-radius: 0px !important;
}

.form-control {
  border-radius: 0px !important;
}
.form-control:focus {
  box-shadow: none !important;
  border-color: #30b983 !important;
}
.form-control:disabled {
  background: #fff !important;
}

article {
  background: #f5b335;
  height: 40px;
  position: fixed;
  width: 100%;
  top: 0;
  transition: top 0.6s ease-in-out !important;
  -moz-transition: top 0.6s ease-in-out !important;
  -ms-transition: top 0.6s ease-in-out !important;
  -o-transition: top 0.6s ease-in-out !important;
}

.nav-up {
  top: -40px;
}

.nav-down {
  top: 60px !important;
  display: block;
  float: left;
  width: 100% !important;
  position: fixed !important;
}

article.navigation-section.nav-down {
  padding: 5px 0px !important;
  height: 55px !important;
}

.scroll {
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 10%;
  right: -80px;
  border-radius: 5px;
  background: #36437e !important;
  color: #fff;
  font-size: 44px;
  font-weight: bold;
  text-align: center;
  z-index: 99999999 !important;
  transition: 300ms;
}
.scroll i {
  margin-top: 10px;
  color: #fff !important;
  font-size: 44px;
}
.scroll .fa-angle-up:before {
  content: "\f106";
  font-size: 35px !important;
  top: 0px !important;
  position: absolute;
  left: 8px !important;
}
.scroll:hover i {
  animation-name: rotate;
  animation-duration: 300ms;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  color: #fff !important;
}

.visible {
  right: 10px;
  transition: all 400ms;
  transform: rotate(360deg);
}

.header-main {
  display: block;
  float: left;
  width: 100%;
  padding: 0px 0px !important;
  transition: all 0.5s ease-in-out !important;
  height: 66px !important;
}
.header-main ul li:first-child a.nav-trigger p {
  display: none !important;
}

header.top-header {
  position: fixed !important;
  width: 100% !important;
  border-bottom: 1px solid #ddd !important;
  z-index: 99999 !important;
}
header.top-header .nav-fixed {
  display: block;
  float: left;
  width: 100% !important;
}
header.top-header .nav-fixed ul {
  display: block;
  float: left;
  width: 100% !important;
}
header.top-header .nav-fixed ul li {
  display: block;
  float: left;
  width: auto !important;
}
header.top-header .nav-fixed ul li a.nav-trigger {
  top: 0px !important;
  left: 1px !important;
  width: 36px !important;
  border: none !important;
  padding: 33px 33px !important;
  float: left;
  position: absolute;
  z-index: 99999999 !important;
  top: 18px;
  left: 20px;
  overflow: visible !important;
  color: transparent;
  white-space: nowrap;
  text-indent: 100%;
  height: 14px !important;
  color: #36437e !important;
  font-weight: bold !important;
  font-size: 14px !important;
  border: 1px solid #111;
  padding: 14px;
  width: 85px;
  border-right: 1px dotted #ddd !important;
  background: #f2f2f2 !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
}
header.top-header .nav-fixed ul li label#search-header span {
  display: none !important;
}
header.top-header .nav-fixed ul li nav.nav-container {
  position: fixed;
  z-index: 9999999 !important;
  top: 0%;
  left: 150% !important;
  height: 75%;
  width: 75% !important;
  padding: 20px !important;
  background: #F3F3F3;
  overflow: auto;
  transform: translateZ(0);
  transform: translateX(0%);
  transition: transform 0.8s cubic-bezier(0.07, 0.23, 0.34, 1);
}
header.top-header .nav-fixed ul li label.fa.fa-search.search-icon {
  margin-bottom: 0px !important;
  background: transparent !important;
  font-size: 20px !important;
  color: #666 !important;
  padding: 23px 10px !important;
  width: 360px !important;
  margin-left: 70px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
header.top-header a.nav-trigger:hover span.line2 {
  width: 10px !important;
}
header.top-header a.nav-trigger:hover span.line3 {
  width: 20px !important;
}
header.top-header a.nav-trigger.wow.slideInLeft.animated:hover {
  background: #30b983 !important;
}
header.top-header a.nav-trigger.wow.slideInLeft.animated:hover span {
  background: #fff !important;
}
header.top-header .side-navigation-fixed {
  display: block;
  float: left;
  width: 100% !important;
  position: absolute;
  top: 0px !important;
  border-top: 70px solid #fff !important;
}
header.top-header .side-navigation-fixed .navigation-list {
  display: block;
  float: left;
  width: 100% !important;
}
header.top-header .side-navigation-fixed .navigation-list:nth-child(even) {
  background: #fff !important;
}
header.top-header .side-navigation-fixed .navigation-list ul {
  display: block;
  float: left;
  width: 100% !important;
}
header.top-header .side-navigation-fixed .navigation-list ul li {
  display: block;
  float: left;
  width: 12.5% !important;
  margin-bottom: 10px !important;
  font-size: 15px !important;
  color: #30b983 !important;
  background: none !important;
}
header.top-header .side-navigation-fixed .navigation-list ul li a {
  border-bottom: none !important;
  padding: 0px !important;
  font-size: 15px !important;
  color: #30b983 !important;
  background: none !important;
}
header.top-header .side-navigation-fixed .navigation-list ul.ss-nav {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 10px !important;
}
header.top-header .side-navigation-fixed .navigation-list ul.ss-nav li {
  display: block;
  float: left;
  width: 100% !important;
}
header.top-header .side-navigation-fixed .navigation-list ul.ss-nav li a {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 14px !important;
  border-bottom: none !important;
  padding: 0px !important;
  color: #666 !important;
}
header.top-header .side-navigation-fixed .navigation-list ul.ss-nav li a:hover {
  color: #30b983 !important;
}
header.top-header .header-right-section {
  display: block;
  float: left;
  width: 100% !important;
  text-align: right !important;
  padding: 22px 0px !important;
  transition: all 0.5s ease-in-out !important;
}

header.top-header.smaller {
  display: block;
  float: left;
  width: 100% !important;
  transition: none !important;
  height: auto !important;
  box-shadow: none !important;
  display: block;
  float: left;
  width: 100% !important;
  background: #fff !important;
  position: fixed;
  z-index: 9999999 !important;
  top: 0px !important;
  box-shadow: 0 0px 25px -15px rgba(0, 0, 0, 0.3) !important;
  display: block;
  float: left;
  width: 100% !important;
  transition: all 0.5s ease-in-out !important;
  height: 66px !important;
}
header.top-header.smaller a.nav-trigger.wow.slideInLeft.animated {
  position: fixed !important;
  background: #f1f1f1 !important;
  top: 0px !important;
  padding: 33px 30px 32px !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
  position: fixed !important;
  background: #f1f1f1 !important;
}
header.top-header.smaller a.nav-trigger.wow.slideInLeft.animated:hover {
  background: #30b983 !important;
}
header.top-header.smaller a.nav-trigger.wow.slideInLeft.animated:hover span {
  background: #fff !important;
}
header.top-header.smaller a.nav-trigger:hover span.line2 {
  width: 10px !important;
}
header.top-header.smaller a.nav-trigger:hover span.line3 {
  width: 20px !important;
}
header.top-header.smaller .nav-fixed {
  display: block;
  float: left;
  width: 100% !important;
}
header.top-header.smaller .nav-fixed ul {
  display: block;
  float: left;
  width: 100% !important;
}
header.top-header.smaller .nav-fixed ul li a.nav-trigger {
  top: 10px !important;
  position: fixed !important;
}
header.top-header.smaller .nav-fixed ul li a.nav-trigger span {
  top: 24px !important;
  left: 15px !important;
  position: absolute !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
}
header.top-header.smaller .nav-fixed ul li label.fa.fa-search.search-icon {
  padding: 23px 10px !important;
  margin-left: 90px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
header.top-header.smaller .nav-fixed ul li label.fa.fa-search.search-icon span {
  color: #36437e !important;
  padding-left: 6px !important;
  font-family: "Roboto", sans-serif !important;
  font-variant: normal;
  font-style: normal;
}
header.top-header.smaller .header-main {
  height: 66px !important;
  display: block;
  float: left;
  width: 100%;
  padding: 0px 0px !important;
  transition: all 0.5s ease-in-out !important;
}
header.top-header.smaller label.fa.fa-search.search-icon {
  padding: 17px 0px !important;
}
header.top-header.smaller .header-right-section {
  padding: 20px 0px !important;
}
header.top-header.smaller .header-right-section #mainNav {
  transition: all 0.5s ease-in-out !important;
  margin-right: 4% !important;
}

.nav-trigger span {
  position: absolute;
  height: 1px;
  width: 30px !important;
  background: #111;
  top: 24px !important;
  left: 18px !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
  position: absolute;
  height: 2px;
  width: 22px;
  background: #111;
  top: 14px;
  left: 19px;
  transition: background 0.3s;
}
.nav-trigger span::before {
  display: none !important;
  position: absolute;
  height: 2px;
  width: 22px;
  background: #111;
  content: "";
  top: 5px !important;
  left: 0;
  transition: all 0.3s ease-in-out !important;
  transform: translateY(-6px);
}
.nav-trigger span::after {
  display: none !important;
  position: absolute;
  height: 2px;
  width: 22px;
  background: #111;
  content: "";
  top: 5px !important;
  left: 0;
  transition: all 0.3s ease-in-out !important;
  transform: translateY(6px);
}
.nav-trigger span.line2 {
  margin-top: 8px !important;
}
.nav-trigger span.line3 {
  margin-top: 16px !important;
}
.nav-trigger:hover {
  color: #36437e !important;
}
.nav-trigger:hover span {
  background: #111 !important;
  background: white;
}
.nav-trigger:hover span::before {
  background: #999 !important;
  background: white;
}
.nav-trigger:hover span::after {
  background: #999 !important;
  background: white;
}

body.nav-open .nav-trigger span.line2 {
  display: none !important;
}
body.nav-open .nav-trigger span.line3 {
  display: none !important;
}
body.nav-open header.top-header {
  display: block;
  float: left;
  width: 100% !important;
  height: 65px !important;
  background: #fff !important;
  position: fixed !important;
}
body.nav-open header.top-header .nav-fixed ul li a.nav-trigger {
  top: 0px !important;
  top: 12px;
  position: fixed !important;
}
body.nav-open header.top-header .nav-fixed ul li nav.nav-container {
  position: fixed;
  z-index: 9999999 !important;
  top: 0%;
  left: 150% !important;
  height: 100%;
  width: 75% !important;
  padding: 20px !important;
  background: #F3F3F3;
  overflow: auto;
  transform: translateZ(0);
  transform: translateX(0%);
  transition: transform 0.8s cubic-bezier(0.07, 0.23, 0.34, 1);
}
body.nav-open header.top-header a.nav-trigger.wow.slideInLeft.animated:hover {
  background: none !important;
}
body.nav-open header.top-header.smaller {
  display: block;
  float: left;
  width: 100% !important;
  height: 65px !important;
  background: #fff !important;
  position: fixed !important;
}
body.nav-open header.top-header.smaller a.nav-trigger.wow.slideInLeft.animated {
  top: 0px !important;
  left: 0px !important;
  background: transparent !important;
}
body.nav-open header.top-header.smaller .nav-fixed ul li a.nav-trigger {
  top: 12px !important;
  position: fixed !important;
}

.header {
  display: block;
  float: left;
  width: 100%;
  z-index: 999999999 !important;
  height: 65px !important;
}

body.dashboard-auto-select {
  background: #ccc !important;
}

.top-heade {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px;
}

header {
  z-index: 999;
  background-color: #fff;
  -webkit-transition: height 0.3s;
  transition: all 0.5s ease-in-out !important;
}
header a .logo {
  display: block;
  float: left;
  width: 164px;
  height: 164px;
  position: absolute;
  z-index: 999 !important;
  padding: 0px !important;
  border-radius: 0px 0px 20px 20px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
header .logo a {
  display: block;
  width: 270px !important;
  height: 66px;
  text-align: center !important;
  background: url(../images/capital-max-header-logo.png) no-repeat center center;
  transition: all 0.5s ease-in-out !important;
  margin: 0 auto !important;
}

.header-dashboard {
  box-shadow: 0 10px 30px -15px rgba(0, 0, 0, 0.3) !important;
}

.smaller a .logo {
  display: block;
  float: left;
  width: 100%;
  width: 100%;
  height: 50px;
  background: url("../images/smaller-logo.png") no-repeat left top;
  padding: 0px !important;
  margin-top: 10px !important;
}
.smaller .logo a {
  display: block;
  width: 80px !important;
  height: 66px;
  text-align: center !important;
  background: url(../images/capital-max-icon.png) no-repeat center center;
  margin: 0 auto !important;
  top: 10px;
}

.fa-search:before {
  position: absolute;
  z-index: 100000000000000000000000000000 !important;
  color: #36437e !important;
  font-size: 16px !important;
}

label.fa.fa-search.search-icon span {
  color: #36437e !important;
  padding-left: 6px !important;
  font-family: "Roboto", sans-serif !important;
  font-variant: normal;
  font-style: normal;
  color: #36437e !important;
}
label.fa.fa-search.search-icon:focus {
  outline: none !important;
}

main {
  position: relative;
  z-index: 1;
  height: 100vh;
  overflow: hidden;
  -shadow: 0 0 50px #111;
  transition: transform 0.5s;
}

.nav-fixed ul.nav {
  position: absolute !important;
  top: 60px !important;
}
.nav-fixed ul.nav li {
  display: block !important;
  float: left;
  width: 100% !important;
}

.nav-open main {
  transform: scale(0.8);
}
.nav-open .nav-trigger span {
  background: transparent !important;
  background: transparent;
}
.nav-open .nav-trigger span::before {
  display: block !important;
  background: #999 !important;
  background: #1F2B3D;
  transform: rotate(-45deg);
}
.nav-open .nav-trigger span::after {
  display: block !important;
  background: #999 !important;
  background: #1F2B3D;
  transform: rotate(45deg);
}
.nav-open nav#navigation {
  display: block !important;
  left: 0px !important;
  background: #e2e2e2 !important;
}
.nav-open .overlay {
  opacity: 0.7;
  visibility: visible;
}

.intro {
  height: 100vh;
  width: 100%;
  display: table;
  background: #26292f url("../img/bg.jpg") no-repeat center center;
  background-size: cover;
}

#navigation {
  padding: 0px !important;
  display: block;
  float: left;
  background: #ddd !important;
}
#navigation ul li a {
  padding: 10px;
  color: #666;
  border-bottom: 1px solid #f1f1f1;
}
#navigation ul li a.dropdown-toggle::after {
  right: 11px !important;
  position: absolute;
  top: 18px !important;
}
#navigation img {
  text-align: center !important;
  margin: 0 auto;
  display: block !important;
  margin-top: 0px;
  position: fixed !important;
  z-index: 9999 !important;
  left: calc(58% - 250px) !important;
}

.d-navigation {
  display: block;
  float: left;
  width: 100% !important;
  padding: 15px 20px 5px !important;
  background: #f1f1f1 !important;
}

.navigation-list {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px !important;
  background: #f9f9f9 !important;
}
.navigation-list h2 {
  margin-bottom: 15px !important;
}
.navigation-list h2 a {
  margin-bottom: 15px !important;
  border-bottom: none !important;
  padding: 0px !important;
  background: none !important;
  font-size: 20px !important;
  margin-bottom: 0px !important;
}

.side-navigation-fixed a {
  display: block;
  float: left;
  width: 100% !important;
  border-radius: 0px !important;
  background: #fff !important;
  padding: 10px 20px !important;
  border-bottom: 1px solid #ddd !important;
}
.side-navigation-fixed a i {
  float: right !important;
}
.side-navigation-fixed a:hover {
  color: #30b983 !important;
}
.side-navigation-fixed a:hover i {
  color: #fff !important;
}
.side-navigation-fixed .collapse a {
  display: block;
  float: left;
  width: 100% !important;
  border-radius: 0px !important;
  padding: 10px 20px !important;
  border: 1px solid #fff !important;
  color: #666 !important;
  padding-left: 30px !important;
  border-right: 1px solid #ddd !important;
  border-left: 1px solid #ddd !important;
  border-top: none !important;
  border-bottom: none !important;
}
.side-navigation-fixed .collapse a:last-child {
  border-bottom: none !important;
}
.side-navigation-fixed .collapse a:hover {
  color: #30b983 !important;
  color: #30b983 !important;
  background: none !important;
}
.side-navigation-fixed .collapse .collapse.list-group-submenu a {
  display: block;
  float: left;
  width: 100% !important;
  border-radius: 0px !important;
  background: #f1f1f1 !important;
  padding: 10px 20px !important;
  border: 1px solid #ddd !important;
  color: #666 !important;
  padding-left: 40px !important;
  border-bottom: none !important;
  border-top: none !important;
}
.side-navigation-fixed .collapse .collapse.list-group-submenu a:last-child {
  border-bottom: none !important;
}
.side-navigation-fixed .collapse .collapse.list-group-submenu a:hover {
  color: #30b983 !important;
}
.side-navigation-fixed .collapse.show a i {
  float: right !important;
  color: #666 !important;
}

a.list-group-item.list-group-item-success.collapsed .collapsed {
  display: none !important;
}
a.list-group-item.list-group-item-success.collapsed .collapse.show {
  display: none !important;
}

a.list-group-item.list-group-item-success .collapsed {
  display: none !important;
}
a.list-group-item.list-group-item-success:hover i {
  color: #666 !important;
}
a.list-group-item.list-group-item-success .collapse.show {
  display: none !important;
}

#side-nav {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px !important;
}
#side-nav .list-group-item {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px !important;
  border: none !important;
  background-color: transparent !important;
}
#side-nav .list-group-item ul {
  display: block;
  float: left;
  width: 32% !important;
  position: relative;
}
#side-nav .list-group-item ul li {
  display: block;
  float: left;
  width: 100% !important;
  border-bottom: 1px solid #d2d2d2 !important;
}
#side-nav .list-group-item ul li a {
  width: 100% !important;
  border-bottom: 1px solid #d2d2d2 !important;
  height: auto !important;
  font-size: 16px !important;
  background: #f5f5f5 !important;
  padding: 15px !important;
}
#side-nav .list-group-item ul li a:hover {
  cursor: pointer !important;
}
#side-nav .list-group-item ul li a:after {
  display: none !important;
}
#side-nav .list-group-item ul li a.list-group-item.list-group-item-success:before {
  content: "\f101";
  font-family: "FontAwesome";
  position: absolute !important;
  right: 10px !important;
  top: 14px;
  color: #36437e !important;
  font-size: 20px !important;
}
#side-nav .list-group-item ul li a.list-group-item.list-group-item-success.wow.slideInLeft {
  border-bottom: none !important;
}
#side-nav .list-group-item ul li a.list-group-item.list-group-item-success.wow.slideInLeft::before {
  display: none !important;
}
#side-nav .list-group-item ul li:hover a {
  background: #f1f1f1 !important;
}
#side-nav .list-group-item ul li:hover a:after {
  display: block !important;
  content: "";
  position: absolute;
  top: 0px !important;
  left: 0px !important;
  width: 5px !important;
  height: 50px !important;
  color: #30b983 !important;
  z-index: 999999 !important;
  background: #30b983 !important;
}
#side-nav .list-group-item ul li:hover a.list-group-item.list-group-item-success:before {
  color: #30b983 !important;
}
#side-nav .list-group-item ul li .collapse {
  display: none !important;
}
#side-nav .list-group-item ul li .collapsing {
  display: none !important;
}
#side-nav .list-group-item ul li .collapse.show {
  display: none !important;
}
#side-nav .list-group-item ul li .show {
  display: none !important;
}
#side-nav ul li .view {
  display: block !important;
  float: left;
  width: 200% !important;
  position: absolute !important;
  left: 101% !important;
  top: 0% !important;
  visibility: hidden !important;
  border-left: 1px solid #d2d2d2 !important;
}
#side-nav ul li .view ul {
  display: block;
  float: left;
  width: 100% !important;
  height: 700px !important;
  background: #e2e2e2 !important;
  border-right: none !important;
  box-shadow: none !important;
}
#side-nav ul li .view ul .nav-title-pattern h2 {
  background: #e2e2e2 !important;
}
#side-nav ul li .view ul li {
  display: block;
  float: left;
  width: 50% !important;
  padding-right: 0px !important;
  border-bottom: none !important;
}
#side-nav ul li .view ul li:nth-child(odd) {
  float: right !important;
  display: block;
  width: 50% !important;
}
#side-nav ul li .view ul li:nth-child(odd) ul li {
  width: 100% !important;
  display: block;
}
#side-nav ul li .view ul li:nth-child(even) {
  display: block;
  float: left !important;
  width: 50% !important;
}
#side-nav ul li .view ul li:nth-child(even) ul li {
  width: 100% !important;
  display: block;
}
#side-nav ul li .view ul li a {
  border-bottom: none !important;
  background: none !important;
  padding: 10px !important;
  font-size: 16px !important;
  color: #30b983 !important;
  border-right: none;
}
#side-nav ul li .view ul li a:hover {
  color: #36437e !important;
}
#side-nav ul li .view ul li h2 {
  padding: 10px !important;
  font-size: 16px !important;
  color: #30b983 !important;
  border-right: none;
  position: relative;
}
#side-nav ul li .view ul li h2:after {
  content: "\f103";
  font-family: "FontAwesome";
  position: absolute !important;
  right: 10px !important;
  top: 8px;
  background: #30b983 !important;
  width: 25px;
  height: 25px !important;
  padding: 5px 7px;
  color: #fff !important;
}
#side-nav ul li .view ul li ul {
  padding: 10px !important;
  height: 280px;
  border-right: none !important;
  box-shadow: none !important;
}
#side-nav ul li .view ul li ul li {
  display: block;
  float: left;
  width: 100% !important;
  padding-right: 0px !important;
  background: #f4f4f4 !important;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e6e6e6 !important;
  border-left: 4px solid #fff !important;
  padding: 0px 0px !important;
}
#side-nav ul li .view ul li ul li:hover {
  border-left: 4px solid #c19b19 !important;
}
#side-nav ul li .view ul li ul li a {
  display: block;
  float: left;
  width: 100% !important;
  background: #f5f5f5 !important;
  font-weight: normal !important;
  color: #666 !important;
  padding: 6px 10px !important;
  font-size: 14px !important;
}
#side-nav ul li .view ul li ul li a:hover {
  color: #c19b19 !important;
}
#side-nav ul li .view ul li ul.sm-section {
  padding: 10px !important;
  height: 100px;
}
#side-nav ul li:first-child .view {
  visibility: visible !important;
}
#side-nav ul li:hover .view {
  display: block !important;
  float: left;
  width: 200% !important;
  position: absolute !important;
  left: 101% !important;
  top: 0% !important;
  background: transparent !important;
  visibility: visible !important;
}
#side-nav ul li:hover .view ul li a {
  background: transparent !important;
  border-right: none !important;
}
#side-nav ul li:hover .view ul li a:after {
  display: none !important;
}
#side-nav ul li:hover .view ul li h2 {
  border-right: none !important;
}
#side-nav ul li:hover .view ul li ul li a {
  border-right: none !important;
}
#side-nav ul li:hover .view ul li ul li a:after {
  display: none !important;
}
#side-nav ul li .f-view ul li ul {
  padding: 10px !important;
  height: 250px !important;
}
#side-nav .nav-logo-section {
  display: none;
  float: left;
  width: 30% !important;
  height: 100vh !important;
  padding: 10px !important;
  border-radius: 0px !important;
}
#side-nav .nav-logo-section .nav-logo {
  display: block;
  float: left;
  width: 100% !important;
}
#side-nav .nav-logo-section .nav-logo a {
  border-bottom: none !important;
  padding: 0px !important;
}
#side-nav .nav-logo-section .nav-logo a img {
  display: block;
  width: 80% !important;
  margin: 0 auto;
}

.overlay {
  position: fixed;
  z-index: 999999 !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1C1D21;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}

#tag-search {
  display: none;
}
#tag-search:checked + div.search-box {
  display: block;
  float: left;
  width: 385px !important;
  animation: trans-in 0.5s;
  animation-fill-mode: forwards;
  margin-left: 55px !important;
  display: block !important;
}

.search-icon {
  padding: 20px;
  cursor: pointer;
  background-color: #f1f1f1;
}

.search-section {
  display: block;
  float: left;
  width: auto !important;
  position: absolute !important;
  z-index: 999 !important;
  bottom: -70px !important;
  left: 20px !important;
  margin: 0 auto !important;
}

.autocomplete-suggestions {
  position: absolute !important;
}
.autocomplete-suggestions:nth-child(even) {
  width: 450px !important;
  position: absolute !important;
}

.search-box {
  position: relative;
  clear: both;
  transform: scale(0);
  transform-origin: 100% 0%;
  display: none;
  position: relative;
  clear: both;
  transform: scale(1);
  display: block !important;
  position: absolute !important;
  z-index: 99999999999999;
  width: 320px !important;
  left: 0px !important;
  top: -100px !important;
}
.search-box button {
  float: right !important;
  border: none !important;
  background: transparent !important;
}
.search-box button:focus {
  outline: none !important;
}
.search-box i {
  font-size: 20px !important;
  color: #666 !important;
  vertical-align: middle;
  padding: 10px;
}
.search-box input[type=text] {
  display: block;
  float: left;
  width: 90% !important;
  font-size: 30px;
  background-color: #fff !important;
  border: none;
  font-size: 14px !important;
  box-sizing: border-box;
  line-height: 22px !important;
}
.search-box input:focus {
  outline: none;
}

#divHeaderSearchBox {
  position: relative;
}
#divHeaderSearchBox select#ddlCompanyAutoCompleteHead {
  top: -24px !important;
  position: absolute;
}
#divHeaderSearchBox .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 43px;
  position: absolute;
  top: 0px;
  right: 1px;
  width: 36px;
  background: #f3f3f3 !important;
}
#divHeaderSearchBox .select2-container--default .select2-selection--single .select2-selection__arrow:after {
  content: "\f002";
  position: absolute;
  font-family: "FontAwesome";
  top: 13px !important;
  right: 10px !important;
  color: #36437e !important;
  font-size: 16px !important;
}
#divHeaderSearchBox .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none !important;
}
#divHeaderSearchBox button {
  position: absolute !important;
  right: 20px;
  padding: 0px 10px !important;
  height: 40px !important;
  top: -25px !important;
}
#divHeaderSearchBox span.select2-selection.select2-selection--single {
  float: left;
  width: 300px !important;
  padding: 5px 10px 5px 10px !important;
  border-radius: 0px !important;
  position: absolute;
  left: 0px !important;
  top: -36px !important;
  background: #fff !important;
  height: 45px !important;
  border-radius: 5px !important;
}
#divHeaderSearchBox .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 6px 0px !important;
}
#divHeaderSearchBox span.select2-dropdown.select2-dropdown--below {
  width: 28% !important;
  top: -51px !important;
  left: 7px !important;
  border-radius: 0px !important;
}

.logo {
  display: block;
  float: left;
  width: 100%;
  text-align: center !important;
}

.header-right-section nav#mainNav {
  float: right !important;
  transition: all 0.5s ease-in-out !important;
  right: 20px !important;
  padding: 0px !important;
}
.header-right-section nav#mainNav ul {
  transition: all 0.5s ease-in-out !important;
}
.header-right-section ul li {
  display: inline !important;
  padding: 0px 6px !important;
}
.header-right-section ul li i.fa-user {
  color: #fff !important;
  font-size: 16px !important;
}
.header-right-section ul li a:not(.view-all) {
  display: inline !important;
  width: auto !important;
  color: #36437e !important;
  font-size: 14px !important;
  display: inline !important;
  width: auto !important;
  color: #fff !important;
  font-size: 14px !important;
}
.header-right-section ul li a i {
  color: #666 !important;
  font-size: 18px !important;
}
.header-right-section ul li a:hover {
  color: #c19b19 !important;
  color: #fff !important;
}
.header-right-section ul li a:hover i {
  color: #c19b19 !important;
}
.header-right-section ul li .dropdown-menu.show {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px !important;
  background: #fdfdfd !important;
  box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.3) !important;
  display: block;
  float: left;
  width: 215px !important;
  padding: 0px !important;
  background: #fdfdfd !important;
  box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.3) !important;
}
.header-right-section ul li .dropdown-menu.show a {
  display: block;
  float: left;
  width: 100% !important;
  padding: 5px !important;
  display: block;
  float: left;
  width: 100% !important;
  padding: 5px !important;
}
.header-right-section ul li .dropdown-menu.show a i {
  font-size: 16px !important;
  width: 30px !important;
  height: 30px !important;
  font-weight: normal !important;
  border: 1px solid #ddd !important;
  padding: 6px !important;
  margin-right: 5px !important;
}
.header-right-section ul li .dropdown-menu.show a:hover i {
  border: 1px solid #fff !important;
  color: #fff !important;
}
.header-right-section ul li .dropdown-menu.help.show {
  width: 215px !important;
  left: -154px !important;
  width: 215px !important;
  left: -154px !important;
}
.header-right-section ul li.nav-item.dropdown.show {
  position: relative;
}
.header-right-section ul li.nav-item.dropdown.show i {
  color: #fff !important;
}
.header-right-section ul li.nav-item.dropdown.show a {
  color: #fff !important;
}
.header-right-section ul li.nav-item.dropdown.show .dropdown-menu.show i {
  color: #333 !important;
}
.header-right-section ul li.nav-item.dropdown.show .dropdown-menu.show a {
  color: #333 !important;
}
.header-right-section ul li.nav-item.dropdown.show .dropdown-menu.show a:hover {
  background: linear-gradient(90deg, #d8ba58, #30b983) !important;
  background: #f1f1f1 !important;
  color: #333 !important;
}
.header-right-section ul li.nav-item.dropdown.show .dropdown-menu.show a:hover i {
  color: #333 !important;
  border: 1px solid #333 !important;
}
.header-right-section ul li.nav-item.dropdown.show .dropdown-menu.show a:hover i:before {
  color: #36437e !important;
}
.header-right-section ul li.nav-item a {
  padding: 0px !important;
  color: #666 !important;
}
.header-right-section ul li.nav-item.dropdown:hover i {
  color: #fff !important;
}
.header-right-section ul li.nav-item.dropdown i.fa-bell {
  color: #30b983 !important;
  font-size: 20px !important;
}
.header-right-section ul li.nav-item.dropdown i.fa-bell:hover {
  color: #c19b19 !important;
}
.header-right-section ul li.show.nav-item.dropdown i.fa-bell {
  color: #c19b19 !important;
}
.header-right-section ul.navbar-nav.ml-auto li.nav-item a:hover {
  color: #666;
}
.header-right-section .navbar-expand-lg .navbar-nav .dropdown-menu {
  top: 45px !important;
  border-bottom: 5px solid #30b983 !important;
  top: 40px !important;
  border-bottom: 5px solid #36437e !important;
  z-index: 999999999 !important;
}
.header-right-section #mainNav .nav-item .dropdown-menu.alert {
  right: 0;
  left: -320px;
  width: 372px !important;
  height: 550px !important;
  overflow: scroll;
  position: absolute;
  top: 45px !important;
  border: 1px solid #ddd !important;
}
.header-right-section #mainNav .nav-item .dropdown-menu.alert a.view-all {
  position: fixed;
  display: block;
  float: left;
  width: 350px !important;
  top: 550px !important;
}
.header-right-section #mainNav .nav-item .dropdown-menu.alert a.view-all:hover {
  background: #2e4cd4 !important;
}
.header-right-section #mainNav .nav-item .dropdown-menu.alert a {
  font-size: 14px !important;
}
.header-right-section #mainNav .nav-item .dropdown-menu.alert a:hover {
  background: transparent !important;
}
.header-right-section #mainNav .nav-item .dropdown-menu.alert .setting-icon:hover i {
  color: #c19b19 !important;
}
.header-right-section #mainNav .nav-item .company-name {
  width: 55%;
  border: 1px solid #000;
  border-radius: 5px !important;
  padding: 5px 5px 5px 30px;
  float: left;
}
.header-right-section #mainNav .nav-item .alert-search-icon {
  position: absolute;
  left: 15px;
  width: 10% !important;
}
.header-right-section #mainNav .nav-item .mark-read {
  display: block;
  float: left;
  width: 80% !important;
  font-size: 18px !important;
  text-align: left;
  padding: 0px !important;
}
.header-right-section #mainNav .nav-item .mark-read span {
  font-size: 16px !important;
  font-weight: bold !important;
}
.header-right-section #mainNav .nav-item .setting-icon {
  display: block !important;
  float: left !important;
  width: 20% !important;
  text-align: right !important;
  padding: 0px !important;
}
.header-right-section #mainNav .nav-item .setting-icon i {
  padding: 0px !important;
  margin: 0px !important;
  height: auto !important;
  width: auto !important;
  font-size: 18px !important;
  border: none !important;
}
.header-right-section #mainNav .nav-item .setting-icon i:hover {
  color: #c19b19 !important;
}
.header-right-section #mainNav .nav-item .alert-header {
  border-bottom: 1px solid #d2d2d2;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 10px;
  background: #f2f2f2;
  margin-bottom: 10px;
}
.header-right-section #mainNav .nav-item .alert-content {
  display: block;
  float: left;
  width: 100%;
  height: 100% !important;
  height: auto !important;
}
.header-right-section #mainNav .nav-item .alert-content li {
  display: block !important;
  width: 100%;
  float: left;
  padding: 10px 10px !important;
  border-bottom: 1px solid #ddd !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
.header-right-section #mainNav .nav-item .alert-content li:hover {
  background: #f3f3f3 !important;
}
.header-right-section #mainNav .nav-item .alert-content li .notification-content-bottom span {
  font-size: 11px !important;
}
.header-right-section #mainNav .nav-item .alert-content li .notification-content-bottom span.date {
  display: block;
  float: left;
  margin-top: 3px;
}
.header-right-section #mainNav .nav-item .alert-content .type {
  float: right;
  background: #fff;
  padding: 2px 10px;
  border-radius: 5px !important;
  font-weight: normal !important;
  color: #30b983;
  border: 1px solid #30b983;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.header-right-section #mainNav .nav-item .alert-content .list-divider {
  padding: 0px !important;
  border-top: 1px solid #ccc;
}
.header-right-section #mainNav .nav-item .notification-content-title {
  font-size: 15px !important;
  font-weight: 400;
  text-transform: none;
  padding: 0px 0px !important;
}
.header-right-section #mainNav .nav-item .notification-content-title:hover {
  color: #36437e !important;
}
.header-right-section #mainNav .nav-item .notification-content-bottom {
  display: block;
  width: 100%;
  float: left;
  margin-top: 10px !important;
}
.header-right-section #mainNav .nav-item a.view-all {
  display: block;
  float: left;
  width: 100% !important;
  text-align: center;
  padding: 10px 0px !important;
  color: #fff !important;
  background: #36437e !important;
  font-size: 14px !important;
  margin-top: 10px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.header-right-section #mainNav .nav-item .view-all:hover {
  color: #fff !important;
  background: #c19b19 !important;
}
.header-right-section #mainNav span.badge.badge-pill.badge-danger {
  font-size: 11px !important;
  position: absolute;
  right: -13px;
  top: -10px;
}

.navigation-section {
  display: block;
  float: left;
  width: 100% !important;
  background: #fdfdfd !important;
  border-top: 1px dotted #ddd !important;
  border-bottom: 1px dotted #ddd !important;
  box-shadow: 0 5px 30px -15px rgba(0, 0, 0, 0.15) !important;
  padding: 14px 0px !important;
  z-index: 999 !important;
  height: 64px !important;
}
.navigation-section .navigation-main li.nav-item.dropdown:hover .dropdown-menu {
  display: block;
  float: left;
  width: auto !important;
}
.navigation-section .navigation-section {
  border: none !important;
  padding: 0px !important;
  box-shadow: none !important;
}
.navigation-section .navigation-section #wrapper {
  width: 100% !important;
}

nav#mainNav {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

ul.navbar-nav.ml-auto {
  margin: 0 auto !important;
}

.navigation-main .navbar {
  padding: 0px !important;
}
.navigation-main ul li.nav-item a {
  padding: 10px !important;
  color: #666 !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 16px !important;
  position: relative !important;
}
.navigation-main ul li.nav-item a.active {
  color: #c19b19 !important;
}
.navigation-main ul li .dropdown-menu ul li {
  position: relative !important;
}

#navbarResponsive ul.navbar-nav li.nav-item a:hover {
  color: #c19b19 !important;
}
#navbarResponsive ul.navbar-nav li.nav-item:hover a.active {
  color: #c19b19 !important;
}
#navbarResponsive ul li:hover a.active {
  color: #30b983 !important;
}

.dropdown-menu {
  background: linear-gradient(90deg, #d8ba58, #1a7e56);
  background: #fff !important;
  border-radius: 0px !important;
  border: none !important;
  margin: 0px !important;
  padding: 0px !important;
  box-shadow: 0 15px 60px -5px rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 10px 20px 4px rgba(11, 11, 11, 0.1) !important;
}
.dropdown-menu ul li a.dropdown-item {
  color: #666 !important;
  padding: 10px !important;
  border-left: 4px solid #bbb !important;
}
.dropdown-menu ul li a.dropdown-item:hover {
  background: linear-gradient(90deg, #d8ba58, #1a7e56);
  color: #fff !important;
  border-left: 4px solid #fff !important;
}
.dropdown-menu ul li:hover a.dropdown-item {
  position: absolute;
  left: 0px !important;
  z-index: 99 !important;
}
.dropdown-menu ul li:hover .drop-menu {
  display: block !important;
}
.dropdown-menu ul li .drop-menu ul li a {
  border-left: none !important;
}
.dropdown-menu ul li .drop-menu ul li a:hover {
  border-left: none !important;
}
.dropdown-menu ul li .drop-menu ul li a:hover:before {
  display: none !important;
}
.dropdown-menu ul li a:before {
  display: none !important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
  position: absolute;
  top: 48px !important;
}

.dropdown-item.active {
  background: linear-gradient(90deg, #d8ba58, #1a7e56);
}

.dropdown-item:active {
  background: linear-gradient(90deg, #d8ba58, #1a7e56);
}

a.nav-link.dropdown-toggle.active {
  color: #30b983 !important;
  background: #1ecd93 !important;
}

.drop-menu {
  position: absolute !important;
  right: -300px !important;
  top: 0px !important;
  height: auto !important;
  width: 300px !important;
  display: none !important;
  background: #ddd !important;
  box-shadow: 0 10px 15px 4px rgba(0, 0, 0, 0.1) !important;
}

.subNav {
  display: block;
  float: left;
  width: 100% !important;
  background: #fbfbfb !important;
  border-top: 1px dotted #bbb !important;
}
.subNav ul li {
  display: inline !important;
}
.subNav ul li a {
  display: block;
  float: left;
  width: auto !important;
  padding: 15px !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 14px !important;
  position: relative !important;
}
.subNav ul li a:hover:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, #d8ba58, #1a7e56);
  transition: 0.2s;
  height: 4px;
  z-index: 1;
}
.subNav a.active:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, #d8ba58, #1a7e56);
  transition: 0.2s;
  height: 4px;
  z-index: 1;
  border: 5px solid;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
  display: block;
}
.clearfix:before {
  content: "";
  display: table;
}

a.active {
  color: #666;
  text-decoration: none;
}

.scrollable-area.sticky-table.sticky-ltr-cells table .content {
  margin: 0px !important;
}
.scrollable-area.sticky-table.sticky-ltr-cells table::-webkit-scrollbar {
  width: 5px;
  background-color: #fff;
  position: absolute;
  top: 0 !important;
}
.scrollable-area.sticky-table.sticky-ltr-cells::-webkit-scrollbar {
  width: 5px !important;
}
.scrollable-area.sticky-table.sticky-ltr-cells::-webkit-scrollbar:horizontal {
  height: 10px !important;
}

table.table-alt.table-financials.table-ratio-comparison tbody .content {
  margin: 0px !important;
}

.exo-menu {
  width: 100%;
  float: left;
  list-style: none;
  position: relative;
  display: flex !important;
  justify-content: center;
}
.exo-menu > li {
  display: inline-block;
}
.exo-menu > li:hover > a:focus {
  color: #1a7e56 !important;
  background: #f1f1f1 !important;
}
.exo-menu > li > a.focus {
  background: #f1f1f1 !important;
}
.exo-menu > li > a {
  color: #36437e;
  text-decoration: none;
  font-size: 15px !important;
  padding: 15px 8px !important;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear;
  position: relative;
}
.exo-menu > li > a:hover {
  background: #f1f1f1 !important;
  color: #30b983 !important;
}
.exo-menu > li > a:hover:before {
  display: block !important;
}
.exo-menu > li > a:before {
  content: "";
  width: 0px;
  height: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid #fff;
  position: absolute;
  left: 35%;
  bottom: -3px !important;
  z-index: 999999999 !important;
  display: none !important;
}
.exo-menu > li > a > sup {
  font-size: 13px !important;
  animation: fade 2s linear infinite !important;
  color: #fff !important;
  transform: rotate(30deg);
  background: #36437e !important;
  border-radius: 5px !important;
  padding: 1px 4px !important;
  top: -8px !important;
  font-size: 10px !important;
}
.exo-menu > li > a.active {
  background: #f1f1f1 !important;
  color: #30b983 !important;
}
.exo-menu > li > a.active:before {
  display: block !important;
}
.exo-menu > li > a.m-active {
  color: #30b983;
}
.exo-menu > li:last-child > a:hover:before {
  bottom: 0px !important;
}
.exo-menu i {
  float: left;
  font-size: 18px;
  margin-right: 6px;
  line-height: 20px !important;
}

li.drop-down {
  position: relative;
}
li.drop-down ul > li > a {
  background: #fff !important;
}
li.drop-down ul > li > a:hover {
  border-left: 4px solid #c19b19 !important;
  color: #c19b19 !important;
  transition: none !important;
}
li.drop-down > ul {
  left: 0px;
  min-width: 230px;
  box-shadow: 0px 20px 15px rgba(0, 0, 0, 0.15) !important;
}
li.drop-down > ul > li > a {
  color: #666;
  display: block;
  padding: 8px 10px;
  text-decoration: none;
  background: #fff;
  border-bottom: 1px dotted #ccc;
  border-left: 4px solid #bbb !important;
}
li.drop-down > a:hover + .drop-down-ul {
  display: block;
}

.flyout-right {
  position: relative;
}
.flyout-right > ul {
  top: 0;
  min-width: 230px;
  display: none;
  border-left: 1px solid #365670;
}
.flyout-right ul > li > a {
  color: #666;
  display: block;
  padding: 8px 10px;
  text-decoration: none;
  background: #fff;
  border-bottom: 1px dotted #ccc;
  border-left: 4px solid #bbb !important;
  border-bottom: 1px dotted #B8C7BC;
  background: #fff;
  z-index: 99999 !important;
  box-shadow: 0px 20px 15px rgba(0, 0, 0, 0.15);
  top: 48px !important;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.flyout-left {
  position: relative;
}
.flyout-left > ul {
  top: 0;
  min-width: 230px;
  display: none;
  border-left: 1px solid #365670;
}
.flyout-left ul > li > a {
  color: #666;
  display: block;
  padding: 8px 10px;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
  border-left: 4px solid #bbb !important;
  border-bottom: 1px dotted #B8C7BC;
  background: #fff;
  z-index: 99999 !important;
  box-shadow: 0px 20px 15px rgba(0, 0, 0, 0.15);
  top: 48px !important;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.drop-down-ul {
  display: none;
  z-index: 999999 !important;
}
.drop-down-ul:hover {
  display: block;
}

ul.drop-down-ul.animated.fadeIn > li > a > sup {
  color: #fff !important;
  background: #36437e !important;
  border-radius: 5px !important;
  padding: 1px 4px !important;
  top: -8px !important;
  font-size: 10px !important;
  animation: fade 2s linear infinite !important;
}
ul.drop-down-ul.animated.fadeIn > li > a:hover > sup {
  animation: none !important;
}

.view.f-view > ul > li > ul > li > a > sup {
  color: #fff !important;
  background: #c19b19 !important;
  border-radius: 5px !important;
  padding: 1px 4px !important;
  top: -8px !important;
  font-size: 10px !important;
  animation: fade 2s linear infinite !important;
}
.view.f-view > ul > li > ul > li > a:hover > sup {
  animation: none !important;
}

.flyout-mega-wrap {
  top: 0;
  right: 0;
  left: 100%;
  width: 100%;
  display: none;
  height: 100%;
  padding: 15px;
  min-width: 742px;
  background: #fff;
  z-index: 99999 !important;
  box-shadow: 0px 20px 15px rgba(0, 0, 0, 0.15);
  top: 48px !important;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.flyout-mega-wrap:hover {
  display: block;
}

h4.row.mega-title {
  color: #f1f1f1;
  margin-top: 0px;
  font-size: 16px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  color: #30b983 !important;
  margin-top: 0px;
  font-size: 15px;
  padding: 10px !important;
  margin-bottom: 5px !important;
  border-bottom: none !important;
  border-bottom: none !important;
  text-transform: none !important;
  width: 98% !important;
  padding: 5px 0px !important;
  margin-bottom: 10px !important;
  position: relative;
}
h4.row.mega-title::before {
  content: "";
  position: absolute !important;
  left: 0px !important;
  background: #bdbdbd !important;
  width: 25px !important;
  height: 4px !important;
  top: 26px !important;
  -moz-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
}

.flyout-mega ul > li > a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
}
.flyout-mega ul > li > a:hover {
  text-decoration: none;
  background-color: transparent !important;
  color: #f1f1f1 !important;
}
.flyout-mega ul > li > a:active {
  text-decoration: none;
  background-color: transparent !important;
  color: #f1f1f1 !important;
}
.flyout-mega ul > li > a:focus {
  text-decoration: none;
  background-color: transparent !important;
  color: #f1f1f1 !important;
}

.mega-menu {
  left: 0;
  right: 0;
  display: none;
  padding-top: 0;
  min-height: 100%;
  background: #fff;
  z-index: 99999 !important;
  box-shadow: 0px 20px 15px rgba(0, 0, 0, 0.15);
  top: 48px !important;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.mega-menu ul li a {
  line-height: 25px;
  font-size: 90%;
  display: block;
}
.mega-menu:hover {
  display: block;
}

.mega-menu-wrap {
  padding: 10px !important;
  border-top: 2px solid #ededed !important;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  transition: opacity 0.1s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.1s ease;
  transition: transform 0.2s ease, opacity 0.1s ease, -webkit-transform 0.2s ease;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.mega-menu-wrap .col-xl-2.col-lg-2.col-md-3.col-sm-6.fuller {
  padding: 5px !important;
}
.mega-menu-wrap .col-xl-2.col-lg-2.col-md-3.col-sm-6.fuller:hover {
  background: #f2f2f2 !important;
}
.mega-menu-wrap .col-xl-2.col-lg-2.col-md-3.col-sm-6.fuller:hover h4.row.mega-title::before {
  background: #35a97b !important;
  width: 60px !important;
  -moz-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
}

ul.stander li {
  padding: 0px 0px 3px 5px !important;
}
ul.stander li a {
  padding: 3px 0px;
  color: #666 !important;
  text-align: left !important;
}
ul.stander li a:hover {
  color: #c19b19 !important;
}

ul.description li {
  padding-bottom: 12px;
  line-height: 8px;
}
ul.description li span {
  color: #f1f1f1;
  font-size: 85%;
}

a.view-more {
  border-radius: 1px;
  margin-top: 15px;
  background-color: #0199da;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}
a.view-more:hover {
  color: #fff;
  background: #0DADEF;
}

ul.icon-des li {
  width: 100%;
  display: table;
  margin-bottom: 11px;
}
ul.icon-des li a i {
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  background-color: #0199da;
  line-height: 35px !important;
}

.Blog {
  left: 0;
  display: none;
  color: #f1f1f1;
  padding-top: 15px;
  background: #547787;
  padding-bottom: 15px;
}
.Blog .blog-title {
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
}
.Blog .blog-des {
  color: #f1f1f1;
  font-size: 90%;
  margin-top: 15px;
}
.Blog a.view-more {
  margin-top: 0px;
}
.Blog:hover {
  display: block;
}

.Images {
  left: 0;
  width: 100%;
  display: none;
  color: #f1f1f1;
  padding-top: 15px;
  background: #547787;
  padding-bottom: 15px;
}
.Images h4 {
  font-size: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}
.Images:hover {
  display: block;
}

li.flyout-left > ul:hover {
  display: block;
}
li.flyout-left a:hover + ul {
  display: block;
}

li.flyout-right > ul:hover {
  display: block;
}
li.flyout-right a:hover + ul {
  display: block;
}

.blog-drop-down > a:hover + .Blog {
  display: block;
}

.images-drop-down > a:hover + .Images {
  display: block;
}

.mega-drop-down a:hover + .mega-menu {
  display: block;
}

li.flyout-mega > a:hover + .flyout-mega-wrap {
  display: block;
}

a.toggle-menu {
  position: absolute;
  right: 0px;
  padding: 20px;
  font-size: 27px;
  background-color: #0e5e5e;
  color: #36437e;
  top: 0px;
}

.breadcrumb-section {
  display: block;
  float: left;
  width: calc(100% - 250px) !important;
  padding: 80px 0px 15px 0px !important;
  background: #f1f1f1 !important;
}

.breadcrumb-main {
  display: block;
  float: left;
  width: 100%;
}

.breadcrumb {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 0px !important;
  padding: 0px !important;
  background: transparent !important;
}
.breadcrumb ol.breadcrumb {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 15px !important;
}
.breadcrumb ol.breadcrumb li i {
  padding: 0px 10px !important;
  font-size: 18px !important;
}
.breadcrumb ol li {
  display: block;
  float: left;
  width: auto !important;
  color: #666 !important;
  padding: 5px 0px !important;
}
.breadcrumb ol li p {
  padding: 1px 8px 0px 0px !important;
  font-weight: bold !important;
}
.breadcrumb ol li:hover {
  color: #666 !important;
  padding: 5px 0px !important;
}
.breadcrumb ol li a {
  color: #666 !important;
}
.breadcrumb ol li a:hover {
  color: #666 !important;
}

.page-title {
  display: block;
  float: left;
  width: 100% !important;
}
.page-title h1 {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 20px !important;
  padding-left: 10px !important;
  border-left: 5px solid #36437e !important;
  padding-top: 0px;
}

.share-section {
  display: block;
  float: left;
  width: 100% !important;
  text-align: right !important;
}
.share-section a {
  font-family: "Roboto", sans-serif !important;
  border: 1px solid #ddd;
  color: #666 !important;
  padding: 6px 10px !important;
  margin-left: 5px !important;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border-radius: 5px !important;
}
.share-section a:hover {
  color: #fff !important;
}
.share-section a:hover i {
  color: #36437e !important;
}
.share-section a i {
  color: #666 !important;
  margin-right: 5px !important;
  font-size: 12px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.share-section a.market-open {
  background: #fff;
  color: #30b983 !important;
  border: none !important;
}
.share-section a.market-open i {
  color: #30b983 !important;
  font-size: 8px !important;
}
.share-section #spnMarketStatus .live-data-refresh button {
  border-radius: 0px !important;
  background: transparent !important;
  right: -10px !important;
}
.share-section #spnMarketStatus .live-data-refresh button i {
  border: none !important;
}
.share-section a.market-close {
  color: #f13a3a !important;
  border: none !important;
}
.share-section a.market-close i {
  color: #f13a3a !important;
  font-size: 8px !important;
}
.share-section a.alert {
  background: #fff !important;
  color: #666 !important;
  border: 1px solid #f1f1f1 !important;
  border-radius: 0px !important;
  display: none !important;
}
.share-section a.alert i {
  color: #666 !important;
}
.share-section:hover a.watchlist:hover i {
  transform: rotate(90deg) !important;
}
.share-section:hover a.portfolio:hover i {
  transform: rotate(90deg) !important;
}
.share-section:hover a.alert:hover i {
  transform: rotate(90deg) !important;
}
.share-section button {
  border: none !important;
  background: transparent !important;
  padding: 7px !important;
  padding: 0px !important;
}
.share-section button i {
  border: 2px solid #36437e !important;
  padding: 7px !important;
  border-radius: 50% !important;
}
.share-section a.adv-chart {
  background: #36437e !important;
  color: #fff !important;
  border: 1px solid #36437e !important;
}
.share-section a.adv-chart i {
  color: #fff !important;
}
.share-section button.share {
  display: none !important;
}

div#Watchlist-new .gainer.gainer-new span:nth-child(even) {
  display: none !important;
  display: none !important;
}

#sub-navigation {
  display: none;
  float: left;
  width: 100% !important;
  background: #f1f1f1 !important;
}

.main-section {
  display: block;
  float: left;
  width: 100%;
  padding: 0px 0px 20px 0px !important;
  background: #f1f1f1 !important;
}
.main-section .nav-tabs {
  padding: 15px !important;
}
.main-section .nav-tabs .nav-item.show .nav-link {
  border: none !important;
  background: #dfdfdf !important;
}
.main-section .nav-tabs .nav-link.active {
  border: none !important;
  background: #dfdfdf !important;
}
.main-section .nav-tabs .nav-link.active:before {
  content: "";
  display: block;
  border: 10px solid transparent;
  border-bottom-color: #f1f1f1;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -6px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.main-section .nav-tabs .nav-link:hover:before {
  content: "";
  display: block;
  border: 10px solid transparent;
  border-bottom-color: #f1f1f1;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -6px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.main-section .nav-item .nav-link {
  padding: 10px !important;
  background: #eaeaea !important;
  border-radius: 5px !important;
  font-size: 14px !important;
  font-weight: normal !important;
  margin-right: 10px !important;
  border: none !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.main-section .nav-item .nav-link:hover {
  color: #666 !important;
}

.section-inside {
  display: block;
  float: left;
  width: 100%;
}

.indices-section {
  display: block;
  float: left;
  width: 100%;
}
.indices-section .greed-section img {
  display: block !important;
  width: auto !important;
  margin: 0 auto !important;
  margin-bottom: 10px !important;
  margin-top: 0px !important;
}

.indices-section.section-title {
  display: block;
  float: left;
  width: 100%;
  background: #fff !important;
  border-radius: 5px !important;
  box-shadow: 0 3px 8px -3px rgba(11, 11, 11, 0.2) !important;
  margin-bottom: 20px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.indices-section.section-title:hover {
  box-shadow: 0 3px 8px -3px rgba(52, 168, 66, 0.2), 0 3px 8px -3px rgba(52, 168, 66, 0.2) !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.indices-section.section-title.top-indices {
  display: block;
  float: left;
  width: 100%;
  border-radius: 5px !important;
  box-shadow: 0 3px 8px -3px rgba(11, 11, 11, 0.2) !important;
}
.indices-section.section-title.top-indices .stock-performance {
  margin: 0px 0px 30px 0px !important;
}
.indices-section.section-title.top-indices #divIndexSubIndexChart .stock-performance {
  margin: 4px 0px 30px 0px !important;
}
.indices-section.section-title.top-indices button.btn.btn-primary.more-btn {
  color: #36437e !important;
  font-size: 14px !important;
  padding: 20px 30px;
  display: block;
  float: left;
  width: 100% !important;
}
.indices-section.section-title.top-indices #news .latest-news::-webkit-scrollbar {
  width: 5px !important;
}
.indices-section.section-title.top-indices #news .latest-news::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
.indices-section.section-title.top-indices .sticky-table table tr.sticky-header th {
  position: -webkit-relative !important;
  position: -ms-relative !important;
  position: relative !important;
}
.indices-section.section-title.top-indices .sticky-table table tr.sticky-header td {
  position: -webkit-relative !important;
  position: -ms-relative !important;
  position: relative !important;
}
.indices-section.section-title.top-indices .sticky-table table tr.sticky-footer th {
  position: -webkit-relative !important;
  position: -ms-relative !important;
  position: relative !important;
}
.indices-section.section-title.top-indices .sticky-table table tr.sticky-footer td {
  position: -webkit-relative !important;
  position: -ms-relative !important;
  position: relative !important;
}

.section-title {
  display: block;
  float: left;
  width: 100%;
}
.section-title h2 {
  padding: 12px 12px !important;
  position: relative !important;
  border-bottom: 1px solid #ddd;
}
.section-title h2::after {
  content: "";
  position: absolute;
  background: #444 !important;
  height: 1px !important;
}
.section-title .as-of-date-title {
  position: relative !important;
  display: block;
  float: left;
  width: 100% !important;
  padding-left: 30px !important;
}
.section-title .as-of-date-title:before {
  content: "";
  position: absolute;
  height: 5px;
  width: 5px;
  animation: pulse 1s infinite ease-in-out alternate;
  background: #999 !important;
  border-radius: 50% !important;
  top: 12px;
  left: 20px !important;
}
.section-title #divAsOfDate {
  position: relative !important;
  display: block;
  float: left;
  width: 100% !important;
  padding-left: 10px !important;
}
.section-title #divAsOfDate:before {
  content: "";
  position: absolute;
  height: 5px;
  width: 5px;
  animation: pulse 1s infinite ease-in-out alternate;
  background: #999 !important;
  border-radius: 50% !important;
  top: 8px;
  left: 0px !important;
}

.sub-index-section {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 20px 20px 20px !important;
}
.sub-index-section ul li {
  margin-bottom: 10px !important;
}
.sub-index-section ul li a {
  font-size: 15px !important;
}

.indices-section-body {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 10px !important;
}
.indices-section-body .date-view ul li {
  display: inline;
  float: left;
  width: auto !important;
}
.indices-section-body .date-view ul li:first-child {
  color: #666 !important;
  padding: 0px !important;
  border-bottom: 2px solid #30b983;
  margin: 0px !important;
  margin-right: 20px !important;
}
.indices-section-body .date-view ul li:first-child a {
  display: inline;
  float: left;
}
.indices-section-body .date-view ul.index-block li:first-child {
  background: #f0f0f0 !important;
  padding: 15px 10px !important;
  margin-right: 15px !important;
  position: relative;
}
.indices-section-body .date-view ul.index-block li:first-child p {
  font-weight: normal !important;
  color: #fff !important;
  padding: 0px !important;
  margin: 0px !important;
}
.indices-section-body .date-view ul.index-block li p {
  font-size: 16px !important;
  padding: 15px 0px !important;
}
.indices-section-body .date-view ul.index-block li:nth-child(2) p {
  font-size: 28px !important;
  padding: 7px 0px !important;
  line-height: normal !important;
}
.indices-section-body .date-view ul.index-block li:last-child p {
  font-size: 14px !important;
}
.indices-section-body .date-view ul.index-block li:first-child.negative {
  background: #f13a3a !important;
}
.indices-section-body .date-view ul.index-block li:first-child.negative:after {
  content: "";
  position: absolute;
  right: -8px !important;
  top: 9px !important;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 10px solid #f13a3a;
  border-bottom: 15px solid transparent;
}
.indices-section-body .date-view ul.index-block li:first-child.positive {
  background: #30b983 !important;
}
.indices-section-body .date-view ul.index-block li:first-child.positive:after {
  content: "";
  position: absolute;
  right: -8px !important;
  top: 9px !important;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 10px solid #30b983;
  border-bottom: 15px solid transparent;
}
.indices-section-body .date-view ul.index-block li:first-child.neutral {
  background: #55bae1 !important;
}
.indices-section-body .date-view ul.index-block li:first-child.neutral:after {
  content: "";
  position: absolute;
  right: -8px !important;
  top: 9px !important;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 10px solid #55bae1;
  border-bottom: 15px solid transparent;
}
.indices-section-body .date-view ul.index-block p span.neutral {
  font-size: 16px !important;
  color: #0199da !important;
  font-weight: normal !important;
  border: none !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
}
.indices-section-body .date-view ul.index-block p em.neutral {
  font-size: 16px !important;
  color: #0199da !important;
  font-weight: normal !important;
  border: none !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
}
.indices-section-body .date-view ul.index-block p em.neutral i:before {
  color: #0199da !important;
}
.indices-section-body .resp-tabs-container img {
  width: 100% !important;
}
.indices-section-body img.share-holders {
  display: block;
  width: 70% !important;
  margin: 0 auto !important;
  margin-bottom: 20px !important;
}
.indices-section-body table.table thead {
  background: #f0f0f0;
}

.co-table {
  display: block;
  float: left;
  width: 100%;
  padding: 10px 10px !important;
}

.indices-inside-section {
  display: block;
  float: left;
  width: 100% !important;
  padding: 15px 20px !important;
  box-shadow: 0 5px 30px -15px rgba(11, 11, 11, 0.16) !important;
}
.indices-inside-section .indices.increase p:last-child {
  display: block;
  float: left;
  font-weight: normal !important;
  color: #333 !important;
  font-size: 15px !important;
}
.indices-inside-section .indices.increase em {
  display: block;
  float: left;
  font-weight: bold !important;
  color: #333 !important;
  font-size: 15px !important;
  margin-top: -1px !important;
}

#div-index-summary .indices-inside-section {
  box-shadow: none !important;
  padding: 10px 20px !important;
}
#div-index-summary .indices-inside-section .indices.turnover {
  padding: 7px 0px 0px 0px;
  height: 60px !important;
}
#div-index-summary .title-pattern h2 {
  font-size: 18px !important;
}

.indices {
  display: block;
  float: left;
  width: 100% !important;
  padding-left: 10px !important;
}
.indices P {
  font-size: 13px !important;
  margin-bottom: 10px !important;
  font-weight: normal !important;
}
.indices p:last-child {
  font-weight: normal !important;
  color: #666 !important;
  font-size: 14px !important;
}
.indices p span {
  margin-left: 5px !important;
}
.indices p span em.positive {
  font-style: normal !important;
  color: #30b983;
}
.indices p span em.negative {
  font-style: normal !important;
  color: #f13a3a;
}
.indices p span span.positive {
  width: 0;
  height: 0;
  position: absolute;
  top: 31px;
  margin-left: 4px !important;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #30b983 !important;
}
.indices p span span.negative {
  width: 0;
  height: 0;
  position: absolute;
  top: 31px;
  margin-left: 4px !important;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #f13a3a;
}

.indices.increase:before {
  content: "";
  background: linear-gradient(0deg, #fff, #30b983) !important;
  background: #30b983 !important;
  width: 5px !important;
  height: 46px !important;
  position: absolute;
  left: 0px !important;
}
.indices.increase span.increase {
  display: block;
  float: right !important;
  color: #36437e !important;
  float: right !important;
  margin-top: 0px !important;
  font-weight: bold !important;
}
.indices.increase span.decrease {
  display: block;
  float: right !important;
  color: #36437e !important;
  float: right !important;
  margin-top: 0px !important;
  font-weight: bold !important;
}

li.lslide {
  margin-bottom: 30px !important;
}

.indices.decrease:before {
  content: "";
  background: linear-gradient(0deg, #fff, #f13a3a) !important;
  background: #f13a3a !important;
  width: 5px !important;
  height: 46px !important;
  position: absolute;
  left: 0px !important;
}

.indices.script:before {
  content: "";
  background: linear-gradient(0deg, #fff, #4cb9df) !important;
  background: #4cb9df !important;
  width: 5px !important;
  height: 46px !important;
  position: absolute;
  left: 0px !important;
}

.investment-overview #horizontalTab .resp-tabs-container {
  padding: 10px !important;
}

#new-section {
  display: block;
  float: left;
  width: 100% !important;
  padding: 5px 20px !important;
  height: 408px !important;
  overflow: scroll !important;
  overflow-x: hidden !important;
}
#new-section ul li {
  border-bottom: 1px solid #ddd !important;
  padding: 10px 0px !important;
}
#new-section .table thead tr {
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
}
#new-section .m-latest-news ul li {
  display: block;
  float: left;
  width: 100% !important;
  border-bottom: 1px dotted #ddd !important;
}
#new-section .m-latest-news ul li .social-share ul li {
  border-bottom: none !important;
  margin: -20px 5px 0px 5px !important;
}

.title-pattern {
  display: block;
  float: left;
  width: calc(100% - 20px) !important;
  background: url(../images/download.png) repeat left top;
  height: 20px;
  margin: 20px 0px 5px 0px !important;
}
.title-pattern h2 {
  display: block;
  float: left;
  width: auto !important;
  position: absolute;
  background: #fff !important;
  margin-top: -2px !important;
  padding: 0px 20px 0px 20px !important;
  border: none !important;
}

.title-pattern1 {
  display: block;
  float: left;
  width: 100% !important;
  background: url(../images/download.png) repeat left top;
  height: 20px;
  margin: 20px 0px 10px 0px !important;
}
.title-pattern1 h2 {
  display: block;
  float: left;
  width: auto !important;
  position: absolute;
  background: #fff !important;
  margin-top: -2px !important;
  padding: 0px 20px 0px 0px !important;
  border: none !important;
}

.nav-title-pattern {
  display: block;
  float: left;
  width: 100% !important;
  background: url(../images/download.png) repeat left top;
  height: 20px;
  margin: 10px 0px !important;
}
.nav-title-pattern h2 {
  display: block;
  float: left;
  width: auto !important;
  position: absolute;
  background: #fff !important;
  margin-top: -2px !important;
  padding: 0px 20px 0px 10px !important;
  border: none !important;
}

.indices.turnover {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid #ddd !important;
  padding: 0px 10px 0px 10px !important;
  transition: all 0.5s ease-in-out;
}
.indices.turnover:hover {
  border-bottom: 1px solid #555 !important;
  transition: all 0.5s ease-in-out;
}
.indices.turnover:hover p:first-child {
  font-size: 14px !important;
  font-weight: bold !important;
}
.indices.turnover p:first-child {
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.indices.turnover p.text-down {
  color: #f13a3a !important;
}
.indices.turnover p.text-up {
  color: #30b983 !important;
}
.indices.turnover p.text-unchange {
  color: #0199da !important;
}

.indices.nepse-performance:before {
  display: none !important;
  float: left;
  width: 100%;
}
.indices.nepse-performance .table tbody tr td {
  border-bottom: none !important;
}

.indices-section-inside {
  display: block;
  float: left;
  width: 100% !important;
  position: relative;
}

.stock-performance {
  display: block;
  float: left;
  width: 100% !important;
  margin: 10px 0px !important;
}
.stock-performance h2 {
  padding: 0px !important;
  margin-bottom: 5px !important;
  border-bottom: none !important;
  font-size: 15px !important;
}
.stock-performance button {
  display: block;
  float: left;
  width: 30% !important;
  border: 1px solid #ddd !important;
  background: #fff !important;
  border-radius: 0px !important;
  margin-right: 15px !important;
  padding: 10px 0px !important;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.stock-performance button:hover span {
  letter-spacing: 2px !important;
  font-size: 28px !important;
  font-weight: bold !important;
}
.stock-performance button:focus {
  box-shadow: none !important;
}
.stock-performance button p {
  display: block;
  float: left;
  width: 100% !important;
  text-align: center !important;
  margin-bottom: 10px !important;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.stock-performance button span {
  display: block;
  float: left;
  width: 100% !important;
  text-align: center !important;
  margin-bottom: 10px !important;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  margin-bottom: 0px !important;
}
.stock-performance button.up span {
  color: #30b983 !important;
  font-weight: bold !important;
  font-size: 15px !important;
}
.stock-performance button.down span {
  color: #f13a3a !important;
  font-weight: bold !important;
  font-size: 15px !important;
}
.stock-performance button.unchanged span {
  color: #205d83 !important;
  font-weight: bold !important;
  font-size: 15px !important;
}
.stock-performance .modal-content {
  border: none !important;
}
.stock-performance .modal .modal-header {
  background: #ddd;
}
.stock-performance .modal .modal-header button {
  background: none !important;
  border: none !important;
  padding: 10px !important;
  color: #666 !important;
  width: auto !important;
  margin-right: 0px !important;
}
.stock-performance .modal .modal-header h4 {
  color: #666 !important;
  font-size: 18px !important;
  font-weight: bold !important;
}
.stock-performance .modal .modal-body table thead {
  background: #ddd !important;
}
.stock-performance .modal .modal-body table tbody tr {
  border-bottom: 1px solid #ddd;
}
.stock-performance .modal .modal-body table tbody tr td {
  border-bottom: none !important;
}
.stock-performance .modal .modal-body table tbody tr td.gainer {
  color: #30b983 !important;
  margin-bottom: 0px !important;
}
.stock-performance .modal .modal-body table tbody tr td.looser {
  color: #f13a3a !important;
  margin-bottom: 0px !important;
}
.stock-performance .modal .modal-body table tbody tr td.unchanged {
  color: #205d83 !important;
  margin-bottom: 0px !important;
}

.gainers-top {
  display: block;
  float: left;
  width: 100% !important;
  background: #9cf4dc !important;
  padding: 10px;
  position: relative !important;
}
.gainers-top span:before {
  content: "";
  position: absolute;
  bottom: -20px !important;
  left: 0px !important;
  width: 15px;
  height: 15px;
  background: #9cf4dc !important;
}
.gainers-top span p {
  position: absolute;
  bottom: -22px !important;
  left: 23px !important;
  color: #333 !important;
}

.losers-top {
  background: #ffe1e1 !important;
}
.losers-top span:before {
  content: "";
  position: absolute;
  bottom: -20px !important;
  left: 0px !important;
  width: 15px;
  height: 15px;
  background: #ffe1e1 !important;
}

.unchanged-top {
  background: #69A9C2 !important;
}
.unchanged-top span:before {
  content: "";
  position: absolute;
  bottom: -20px !important;
  left: 0px !important;
  width: 15px;
  height: 15px;
  background: #69A9C2 !important;
}

h5#exampleModalLabel {
  font-size: 15px !important;
  font-weight: bold !important;
}

button.close {
  padding: 5px 10px !important;
  color: #fff !important;
  text-shadow: none !important;
  opacity: 1 !important;
  padding: 5px 10px !important;
}
button.close span {
  line-height: normal !important;
  line-height: 30px !important;
  color: #fff !important;
  font-size: 20px !important;
  color: #fff !important;
  font-size: 20px !important;
  line-height: normal !important;
}

.more-btn {
  display: block;
  float: left;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  margin-top: -15px !important;
  text-align: left !important;
  outline: none !important;
}
.more-btn:focus {
  outline: none !important;
  border: none !important;
  background: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.modal-dialog {
  max-width: 900px !important;
}

.modal-content {
  border-radius: 0px !important;
}

.modal.fade.modal-investment.show .modal-dialog {
  max-width: 1000px !important;
}

.modal-body {
  height: 250px !important;
  overflow-y: auto !important;
  padding: 0px !important;
}
.modal-body .indices-inside-section .data-table-row-cell[data-type*=gainer] span {
  display: block !important;
  background: #9cf4dc !important;
  padding: 0px 8px !important;
  text-align: center !important;
  width: 120px !important;
}
.modal-body .indices-inside-section .data-table-row-cell[data-type*=looser] span {
  display: block !important;
  background: #ffe1e1 !important;
  padding: 0px 8px !important;
  text-align: center !important;
  width: 120px !important;
}
.modal-body .indices-inside-section .data-table-row-cell[data-type*=neutral] span {
  display: block !important;
  background: #69A9C2 !important;
  padding: 0px 8px !important;
  text-align: center !important;
  width: 120px !important;
}
.modal-body .indices-inside-section .data-table-row-cell[data-type*=gainer-name] {
  position: relative;
}
.modal-body .indices-inside-section .data-table-row-cell[data-type*=gainer-name] a:before {
  position: absolute;
  z-index: 9;
  content: "";
  width: 3px !important;
  height: 25px !important;
  background: #1ecd93;
  left: 0px !important;
  top: 4px !important;
}
.modal-body .indices-inside-section .data-table-row-cell[data-type*=looser-name] {
  position: relative;
}
.modal-body .indices-inside-section .data-table-row-cell[data-type*=looser-name] a:before {
  position: absolute;
  z-index: 9;
  content: "";
  width: 3px !important;
  height: 25px !important;
  background: #ff433d;
  left: 0px !important;
  top: 4px !important;
}
.modal-body .indices-inside-section .data-table-row-cell[data-type*=neutral-name] {
  position: relative;
}
.modal-body .indices-inside-section .data-table-row-cell[data-type*=neutral-name] a:before {
  position: absolute;
  z-index: 9;
  content: "";
  width: 3px !important;
  height: 25px !important;
  background: #69A9C2;
  left: 0px !important;
  top: 4px !important;
}
.modal-body .indices-inside-section table thead tr {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.modal-body .indices-inside-section table tbody tr {
  margin-bottom: 1px !important;
}
.modal-body .indices-inside-section table tbody tr td {
  padding: 6px 10px !important;
  margin-bottom: 1px !important;
  margin-bottom: 1px !important;
}
.modal-body .indices-inside-section table tbody tr td:first-child {
  text-align: left !important;
}
.modal-body .indices-inside-section .data-table-row-cell[data-type*=gainer-change] span {
  width: 105px !important;
  width: 105px !important;
}
.modal-body .index-performance-snap.scrollable-area.sticky-table.sticky-ltr-cells {
  overflow: visible;
}
.modal-body .agmbody {
  display: block !important;
  float: left;
  width: 100% !important;
  display: block !important;
  float: left;
  width: 100% !important;
  padding: 10px 20px !important;
}
.modal-body .agmbody h3 {
  padding: 0px !important;
  display: block !important;
  float: left;
  width: 100% !important;
  padding: 5px 0px !important;
  border-bottom: 1px dotted #ddd !important;
}
.modal-body .agmbody h3:last-child {
  border-bottom: none !important;
}
.modal-body .agmbody h3 span {
  display: block !important;
  float: left;
  width: 40% !important;
}
.modal-body .agmbody h3 a {
  display: block !important;
  float: right;
  width: 60% !important;
}
.modal-body .as-of-date-title {
  padding: 0px 20px 10px 20px !important;
}

.modal-footer {
  padding: 5px 10px !important;
}
.modal-footer a {
  display: block;
  float: left;
  width: auto !important;
  text-align: right;
  background: #1ecd93;
  color: #fff !important;
  padding: 10px 15px !important;
}

button.btn.btn-primary.more-btn {
  color: #36437e !important;
  font-size: 14px !important;
}
button.btn.btn-primary.more-btn i {
  margin-left: 5px !important;
}

.section-inside.indices-section {
  display: block;
  float: none !important;
  width: 99% !important;
  background: white !important;
  margin: 0 auto !important;
  padding: 20px 10px 10px 10px !important;
  box-shadow: 0 5px 20px -4px rgba(11, 11, 11, 0.16) !important;
}
.section-inside.indices-section .indices-section.section-title.top-indices {
  padding: 20px 0px !important;
  box-shadow: none !important;
}
.section-inside.indices-section #bbo-padding {
  padding: 20px 0px 0px 0px !important;
}
.section-inside.indices-section #index-summary {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 0px !important;
}
.section-inside.indices-section #index-subindex-performance {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 10px !important;
}

.broker-list.stock-market-contact {
  display: block;
  float: left;
  width: 100% !important;
}
.broker-list.stock-market-contact p {
  line-height: 15px !important;
  margin-top: 5px !important;
}
.broker-list.stock-market-contact ul.company-contact {
  display: block;
  float: left;
  width: 100% !important;
  background: #f2f2f2 !important;
  margin: 0px !important;
  padding: 10px !important;
}
.broker-list.stock-market-contact ul.company-contact li p {
  margin-bottom: 0px !important;
}

.form-group input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #30b983 !important;
}
.form-group .input-group input#txtTradeDateFilter {
  height: 32px !important;
}
.form-group label {
  font-size: 13px !important;
  color: #333 !important;
  font-weight: bold !important;
}
.form-group .form-check.form-check-inline label {
  font-size: 13px !important;
  color: #666 !important;
  font-weight: normal !important;
}
.form-group button#btnSearch {
  background: #36437e !important;
  border-radius: 5px !important;
}
.form-group button#btnReset {
  background: #0e5e5e !important;
  border-radius: 5px !important;
}
.form-group button#btnReset:hover {
  background: #dbb87c;
  color: #fff !important;
}

.day-range {
  display: block;
  float: left;
  width: 100% !important;
  position: relative;
  margin-top: 10px !important;
}
.day-range p {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 14px !important;
  color: #333 !important;
  font-weight: bold !important;
  margin-bottom: 10px !important;
}
.day-range em {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 10px !important;
  font-size: 13px;
  font-style: normal !important;
  font-weight: bold !important;
}
.day-range em:last-child {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 5px !important;
  font-size: 13px;
  font-style: normal !important;
  margin-bottom: 0px !important;
  font-weight: normal !important;
  color: #333 !important;
}
.day-range em:last-child span {
  font-weight: normal !important;
  color: #333 !important;
}
.day-range em span {
  float: right !important;
  font-style: normal !important;
  font-weight: bold !important;
}
.day-range em span.stock-daylow {
  float: left !important;
}
.day-range em span.stock-dayhigh {
  float: right !important;
}
.day-range em span.index-daylow {
  float: left !important;
}
.day-range em span.index-dayhigh {
  float: right !important;
}
.day-range span.range:after {
  content: "";
  display: block;
  width: 100% !important;
  position: absolute;
  top: 50px !important;
  left: 0px !important;
  background: linear-gradient(90deg, #f13a3a, #30b983);
  transition: 0.2s;
  height: 8px;
  z-index: 99;
}

.day-range1 {
  display: block;
  float: left;
  width: 100% !important;
  position: relative;
  margin-top: 10px !important;
}
.day-range1 em {
  font-weight: bold !important;
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 10px !important;
  font-size: 13px;
  font-style: normal !important;
  float: right !important;
  font-style: normal !important;
}
.day-range1 em:last-child {
  font-weight: normal !important;
  color: #333 !important;
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 5px !important;
  font-size: 13px;
  font-style: normal !important;
  margin-bottom: 0px !important;
}
.day-range1 em:last-child span {
  font-weight: normal !important;
  color: #333 !important;
}
.day-range1 em span {
  font-weight: bold !important;
  float: right !important;
}
.day-range1 em span.stock-yearlow,
.day-range1 em span.index-yearlow {
  float: left !important;
}
.day-range1 em span.stock-yearhigh,
.day-range1 em span.index-yearhigh {
  float: right !important;
}
.day-range1 p {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 14px !important;
  color: #333 !important;
  font-weight: bold !important;
  margin-bottom: 10px !important;
}
.day-range1 span.range1:after {
  content: "";
  display: block;
  width: 100% !important;
  position: absolute;
  top: 50px !important;
  left: 0px !important;
  background: linear-gradient(90deg, #f13a3a, #30b983);
  transition: 0.2s;
  height: 8px;
  z-index: 99;
}
.day-range1 span.stock-yearlow {
  float: left !important;
}
.day-range1 span.stock-yearhigh {
  float: right !important;
}

#foo-gainer:hover {
  width: auto;
  height: auto;
  background: #444;
  animation: corner-gainer 3s;
  border-radius: 0%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin: auto;
}

#foo-looser:hover {
  width: auto;
  height: auto;
  background: #444;
  animation: corner-looser 3s;
  border-radius: 0%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin: auto;
}

#foo-unchanged:hover {
  width: auto;
  height: auto;
  background: #444;
  animation: corner-unchanged 3s;
  border-radius: 0%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin: auto;
}

.sidebar1 {
  height: 100%;
  width: auto !important;
  height: 715px !important;
  position: fixed;
  z-index: 1;
  position: absolute;
  left: 10px !important;
  top: 0;
  background-color: #f1f1f1;
  overflow-x: hidden;
  transition: 0.5s;
  display: block;
  float: left;
  width: 320px !important;
}
.sidebar1 a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #666;
  display: block;
  transition: 0.3s;
}
.sidebar1 a:hover {
  color: #f1f1f1;
}
.sidebar1 .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: transparent;
  color: #f1f1f1 !important;
  padding: 10px 15px;
  border: none;
  padding: 0px !important;
  position: absolute;
  right: 25px !important;
  top: 3px !important;
  font-size: 30px;
  color: #f1f1f1 !important;
  z-index: 9999 !important;
}
.openbtn:hover {
  background-color: transparent;
}

#main {
  transition: margin-left 0.3s;
  position: relative !important;
  left: 0px !important;
  width: 100% !important;
  height: 818px !important;
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  background: #fff !important;
}

.current-indices {
  display: block;
  float: left;
  width: 100% !important;
}
.current-indices ul li {
  display: block !important;
  float: left;
  margin-right: 20px !important;
}
.current-indices ul li p {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #333 !important;
}
.current-indices ul li p span.positive {
  font-size: 16px !important;
  color: #30b983 !important;
  font-weight: normal !important;
}
.current-indices ul li p span.negative {
  font-size: 16px !important;
  color: #f13a3a !important;
  font-weight: normal !important;
}
.current-indices ul li p em.positive {
  font-size: 16px !important;
  color: #30b983 !important;
  font-weight: normal !important;
}
.current-indices ul li p em.positive i {
  color: #30b983 !important;
  font-weight: bold !important;
  font-style: 16px !important;
}
.current-indices ul li p em.negative {
  font-size: 16px !important;
  color: #f13a3a !important;
  font-weight: normal !important;
}
.current-indices ul li p em.negative i {
  color: #f13a3a !important;
  font-weight: bold !important;
  font-style: 16px !important;
}

#divIndexSubIndexChart {
  display: block;
  float: left;
  width: 100% !important;
}
#divIndexSubIndexChart .indices-section-body {
  padding: 10px 20px !important;
}
#divIndexSubIndexChart .indices-section-body .date-view {
  padding: 0px 10px 10px 10px !important;
}
#divIndexSubIndexChart .indices-section-body #div-index-snap {
  padding: 0px 0px 15px 0px !important;
}
#divIndexSubIndexChart:hover .ac-icon a i {
  transform: rotate(180deg) !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#divIndexSubIndexChart:hover form select#ddlIndicesList {
  border: 1px solid #999 !important;
  box-shadow: 0 0 2px 0 #e0e3eb, 0 2px 24px 0 #e0e3eb !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#divIndexSubIndexChart form select#ddlIndicesList {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#divIndexSubIndexChart .current-indices.date-view .select-field {
  margin-top: -30px !important;
  z-index: 999 !important;
  position: absolute;
  right: 30px !important;
  cursor: pointer !important;
}

#divFullStockWatch .fullstock-date {
  margin: -10px 0px 0px 0px !important;
}
#divFullStockWatch .fullstock-date button.btn.btn-success.btnAddorBuySell {
  margin: 10px 0px 0px 5px !important;
  color: #fff !important;
  border-radius: 5px !important;
}
#divFullStockWatch #divAsOfDate {
  position: relative !important;
  display: block;
  float: left;
  width: 100% !important;
  padding-left: 30px !important;
}
#divFullStockWatch #divAsOfDate:before {
  content: "";
  position: absolute;
  height: 5px;
  width: 5px;
  animation: pulse 1s infinite ease-in-out alternate;
  background: #999 !important;
  border-radius: 50% !important;
  top: 11px;
  left: 20px !important;
}
#divFullStockWatch #horizontalTab1 .resp-tabs-container {
  height: auto !important;
}
#divFullStockWatch #horizontalTab1 .select-field form select {
  height: 40px !important;
}
#divFullStockWatch:fullscreen .resp-tab-content {
  height: 1200px !important;
  overflow: scroll !important;
}
#divFullStockWatch .fsw-fullscreen {
  padding: 0px 10px 0px 10px !important;
  margin-top: -20px !important;
}
#divFullStockWatch .fsw-fullscreen #div-index-snap {
  padding: 0px 0px !important;
  margin-top: -3px !important;
}
#divFullStockWatch .fsw-fullscreen #div-index-snap ul li p span {
  font-size: 16px !important;
  font-weight: bold !important;
}
#divFullStockWatch .fsw-fullscreen #div-index-snap ul li p em {
  font-size: 16px !important;
  font-weight: bold !important;
}
#divFullStockWatch .fsw-fullscreen #div-index-snap ul li p em i:before {
  font-size: 16px !important;
  font-weight: bold !important;
}
#divFullStockWatch .fsw-fullscreen #div-index-snap ul li button#live-data-refresh {
  background: #fff !important;
}

.nepse-indices {
  display: block;
  float: left;
  width: 100% !important;
  position: relative;
}
.nepse-indices .ac-icon {
  position: absolute;
  right: 12px !important;
  top: 4px !important;
  z-index: 99 !important;
  color: #36437e !important;
  text-align: center !important;
}
.nepse-indices .ac-icon:hover {
  background: #f0f3fa !important;
  background: none !important;
}
.nepse-indices .ac-icon a i {
  font-size: 18px !important;
  padding-top: 3px !important;
  color: #666 !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  margin-left: 5px !important;
  margin-top: 4px !important;
}
.nepse-indices img {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 30px !important;
}

.quick-search {
  display: block;
  float: left;
  width: 100% !important;
  box-shadow: 0 5px 20px -4px rgba(11, 11, 11, 0.1) !important;
  margin-bottom: 20px !important;
  padding: 10px !important;
  -webkit-background: url("../images/download.png") left top repeat !important;
  -o-background: url("../images/download.png") left top repeat !important;
  background: url("../images/download.png") left top repeat !important;
}
.quick-search .sub-menu {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px !important;
  background: #fff !important;
  min-height: 102px !important;
}

.sub-menu p {
  font-size: 14px !important;
  font-weight: bold !important;
  margin-bottom: 10px !important;
}
.sub-menu ul {
  display: block;
  float: left;
  width: 100% !important;
}
.sub-menu ul li {
  display: block;
  float: left;
  width: auto !important;
  margin-right: 10px !important;
}

.ipo-calculator {
  display: block;
  float: left;
  width: 100% !important;
}
.ipo-calculator form {
  padding: 10px !important;
  text-align: center !important;
  display: block;
  margin-top: 10px;
  font-size: 18px !important;
  font-weight: bold !important;
  position: relative !important;
  padding: 10px !important;
  text-align: center !important;
  display: block;
  margin-top: 15px;
  font-size: 18px !important;
  font-weight: bold !important;
}
.ipo-calculator form input {
  display: block;
  float: left;
  width: 100% !important;
  border-bottom: 1px solid #ddd !important;
  padding: 0px !important;
  font-size: 18px !important;
}
.ipo-calculator form button {
  background: transparent !important;
  border: none !important;
  position: absolute;
  right: 20px !important;
}
.ipo-calculator a {
  padding: 10px !important;
  text-align: center !important;
  display: block;
  margin-top: 15px;
  font-size: 18px !important;
  font-weight: bold !important;
}
.ipo-calculator a i {
  margin-right: 5px !important;
  font-size: 18px !important;
}

.demo {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 10px !important;
  padding: 5px 0px !important;
}
.demo .select2-container--default .select2-selection--multiple {
  display: block;
  float: left;
  width: 100% !important;
  padding: 5px 10px !important;
  margin: 0px !important;
  border-radius: 0px !important;
  border: 1px solid #ced4da !important;
  min-height: 35px !important;
  max-height: 140px !important;
}
.demo .select2-container--default .select2-selection--multiple ul li {
  margin: 0px 5px 5px 0px !important;
  padding: 5px 5px 5px 15px !important;
}
.demo .select2-container--default .select2-selection--multiple ul li button.select2-selection__choice__remove {
  padding: 7px !important;
  height: 25px !important;
  margin: 0px 0px 0px 0px !important;
}
.demo .select2-container--default .select2-selection--multiple ul li button.select2-selection__choice__remove span {
  position: absolute !important;
  top: 5px !important;
  left: 4px;
  color: #fff !important;
}
.demo .select2-container--default .select2-selection--multiple ul li span {
  font-size: 13px !important;
}
.demo .select2-container--default .select2-selection--multiple textarea {
  margin: 3px 0px 0px 0px !important;
}
.demo .select2-container--default:focus {
  border: 1px solid #30b983 !important;
}
.demo button.select2-selection__clear {
  margin: 0px 5px 0px 0px !important;
  color: #fff !important;
}
.demo button.select2-selection__clear span {
  color: #fff !important;
}
.demo .select2-selection--multiple:focus {
  border: 1px solid #30b983 !important;
}
.demo #gainers::-webkit-scrollbar {
  width: 5px !important;
}
.demo #gainers::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
.demo #losers::-webkit-scrollbar {
  width: 5px !important;
}
.demo #losers::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
.demo #turnover::-webkit-scrollbar {
  width: 5px !important;
}
.demo #turnover::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
.demo #sharestraded::-webkit-scrollbar {
  width: 5px !important;
}
.demo #sharestraded::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
.demo #transactions::-webkit-scrollbar {
  width: 5px !important;
}
.demo #transactions::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
.demo #Watchlist::-webkit-scrollbar {
  width: 5px !important;
}
.demo #Watchlist::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
.demo #Portfolio::-webkit-scrollbar {
  width: 5px !important;
}
.demo #Portfolio::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
.demo ul#lightSlider li {
  display: block;
  float: left;
  width: 100% !important;
  position: static !important;
  height: auto !important;
}

.financials .table-financials tr.heading td,
.financials .table-financials tr.total td,
.financials .table-financials tr.sub-heading td,
.financials .table-financials tr.heading th,
.financials .table-financials tr.total th,
.financials .table-financials tr.sub-heading th {
  position: static !important;
}

#indexSubIndexTicker .slider .nepse-data {
  padding: 0px 10px !important;
}

.slider {
  display: block;
  float: left;
  width: 100% !important;
  margin: 5px 0px 5px 0px !important;
}
.slider .gainer {
  margin-bottom: 0px !important;
}
.slider .gainer.looser {
  border: 1px solid #ddd !important;
  padding: 10px 10px !important;
}
.slider .gainer.looser .tooltip-details .tooltip-body .tt-body-left {
  display: block;
  float: left;
  width: 100% !important;
}

.lSSlideOuter {
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lSSlideOuter .lSPager.lSpg {
  display: none !important;
  margin: 10px 0 0;
  padding: 0;
  text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
  cursor: pointer;
  display: inline-block;
  padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
  background-color: #36437e;
  border-radius: 5px;
  display: inline-block;
  height: 8px;
  overflow: hidden;
  text-indent: -999em;
  width: 8px;
  position: relative;
  z-index: 99;
  -webkit-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a {
  background-color: #0199da;
}
.lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #0199da;
}
.lSSlideOuter .media {
  opacity: 0.8;
}
.lSSlideOuter .media.active {
  opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery {
  list-style: none outside none;
  padding-left: 0;
  margin: 0;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
  overflow: hidden;
  -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
  transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery li.active {
  border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
  display: block;
  height: auto;
  max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before {
  content: " ";
  display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
  content: " ";
  display: table;
  clear: both;
}
.lSSlideOuter .lightSlider {
  padding-left: 0;
  list-style: none outside none;
}
.lSSlideOuter .lightSlider > * {
  float: left;
}
.lSSlideOuter .lSPager {
  padding-left: 0;
  list-style: none outside none;
}
.lSSlideOuter .lSGallery li {
  float: left;
}
.lSSlideOuter .rightEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}
.lSSlideOuter .leftEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}

.button-4 {
  border: 1px solid #d1d1d1;
  background: #e3e3e3 !important;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0px 8px;
  display: inline-block;
}
.button-4 a {
  font-size: 16px;
  color: #666;
  text-decoration: none;
  line-height: normal;
  transition: all 0.5s ease;
  z-index: 2;
  position: relative;
  font-size: 14px !important;
  line-height: 46px !important;
  font-weight: normal !important;
}
.button-4 a:hover {
  color: #fff !important;
}
.button-4:hover .eff-4 {
  left: 0;
}
.button-4:hover a {
  color: #fff !important;
}

.eff-4 {
  width: 150px !important;
  height: 150px;
  left: -150px;
  top: 0px !important;
  background: #30b983;
  position: absolute;
  transition: all 0.5s ease;
  z-index: 1;
}

.modal.show {
  z-index: 10000000000000000000 !important;
  background: rgba(0, 0, 0, 0.7);
}

.modal-backdrop.show {
  position: fixed;
  z-index: 9;
}

#divStockScreenerData {
  display: block;
  float: left;
  width: 100% !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells {
  max-height: 600px !important;
  display: block;
  float: left;
  width: 100% !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells::-webkit-scrollbar {
  width: 5px !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table.pivotscreener thead tr:first-child.sticky-header {
  position: sticky !important;
  z-index: 94 !important;
  border-bottom: none !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table.pivotscreener thead tr th:nth-child(5) {
  text-align: center !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table.pivotscreener thead tr th:nth-child(6) {
  text-align: center !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table.pivotscreener thead tr th:nth-child(7) {
  text-align: center !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table.pivotscreener thead tr th:nth-child(8) {
  text-align: center !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table.pivotscreener thead tr th:nth-child(9) {
  text-align: center !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table.pivotscreener thead tr th:nth-child(10) {
  text-align: center !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table.pivotscreener tbody tr td:nth-child(4) {
  border-right: 1px solid #ddd !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table.pivotscreener tbody tr td:nth-child(7) {
  border-right: 1px solid #ddd !important;
  text-align: center !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table.pivotscreener tbody tr td:nth-child(5) {
  text-align: center !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table.pivotscreener tbody tr td:nth-child(6) {
  text-align: center !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table.pivotscreener tbody tr td:nth-child(8) {
  text-align: center !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table.pivotscreener tbody tr td:nth-child(9) {
  text-align: center !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table.pivotscreener tbody tr td:nth-child(10) {
  text-align: center !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table tbody tr td span.positive i {
  color: #30b983 !important;
}
#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table tbody tr td span.negative i {
  color: #f13a3a !important;
}
#divStockScreenerData tr.sticky-footer.font-weight-bold {
  border-bottom: none !important;
  height: 50px !important;
  padding: 18px 0px !important;
  display: table-row;
}
#divStockScreenerData tr.sticky-footer.font-weight-bold td.sticky-cell {
  background: #f5f5f5 !important;
}
#divStockScreenerData .table-right table tbody tr td {
  padding: 5px !important;
}
#divStockScreenerData .btn-group.pull-left.btn-indicator-filter {
  display: block;
  float: left;
  width: 35% !important;
  margin: 5px 0px 5px 0px !important;
}
#divStockScreenerData .btn-indicator-filter button {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  padding: 6px 15px !important;
  text-align: center !important;
  background: #fff !important;
  color: #36437e !important;
  border: 1px solid #ddd !important;
}
#divStockScreenerData .btn-indicator-filter button:focus {
  box-shadow: none !important;
}
#divStockScreenerData .btn-indicator-filter button:nth-child(1).active {
  background: #c7ac54 !important;
  color: #fff !important;
}
#divStockScreenerData .btn-indicator-filter button:nth-child(2).active {
  background: #2f8d5c !important;
  color: #fff !important;
}
#divStockScreenerData .btn-indicator-filter button:nth-child(3).active {
  background: #567ce7 !important;
  color: #fff !important;
}
#divStockScreenerData .btn-indicator-filter button:nth-child(4).active {
  background: #eb6872 !important;
  color: #fff !important;
}
#divStockScreenerData .btn-indicator-filter button#btnAllIndicator {
  border-radius: 10px 0px 0px 10px !important;
}
#divStockScreenerData .btn-indicator-filter button#btnAllIndicator:hover {
  background: #c7ac54 !important;
  color: #fff !important;
}
#divStockScreenerData .btn-indicator-filter button#btnBullish:hover {
  background: #2f8d5c !important;
  color: #fff !important;
}
#divStockScreenerData .btn-indicator-filter button#btnNeutral:hover {
  background: #567ce7 !important;
  color: #fff !important;
}
#divStockScreenerData .btn-indicator-filter button#btnBearish {
  border-radius: 0px 10px 10px 0px !important;
}
#divStockScreenerData .btn-indicator-filter button#btnBearish:hover {
  background: #eb6872 !important;
  color: #fff !important;
}
#divStockScreenerData .text-right.small {
  margin-top: 10px !important;
  display: block;
  float: left;
  width: 65% !important;
  text-align: right !important;
}
#divStockScreenerData .pull-right.small {
  display: block;
  float: left;
  width: 65% !important;
  text-align: right !important;
  padding: 0px 10px 0px 0px !important;
}

#divMutualFundScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells {
  max-height: 500px !important;
}
#divMutualFundScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table tr.sticky-footer.bold {
  height: 50px !important;
  padding: 18px 0px !important;
  display: table-row;
  border-bottom: none !important;
}
#divMutualFundScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table tr.sticky-footer.bold td:first-child {
  background: #f5f5f5 !important;
}

.indices.nepse-performance.sub-indices-performance {
  margin-top: 15px !important;
}
.indices.nepse-performance.sub-indices-performance img {
  width: auto !important;
  margin: 0 auto !important;
  display: block;
  margin-top: -100px !important;
}
.indices.nepse-performance.sub-indices-performance .history-data #treemap {
  padding: 0px !important;
}

.sub-indices-performance-title h4 {
  background: #eaeaea !important;
  border-bottom: 1px solid #e7e7e7 !important;
  padding: 10px 10px !important;
}

.sub-indices-performance table.table thead {
  border-bottom: 1px solid #d2d2d2 !important;
  border-top: 1px solid #d2d2d2 !important;
}
.sub-indices-performance table.table thead tr {
  background: #fff !important;
}
.sub-indices-performance .table tbody tr {
  border-bottom: 1px dotted #d2d2d2 !important;
  display: block;
  float: left;
  width: 100%;
}
.sub-indices-performance .history-data .m-visualization-effect {
  margin: -35px 0px 20px 0px !important;
}

#bbo-padding {
  display: block;
  float: left;
  width: 100% !important;
  padding: 15px !important;
  margin-bottom: 0px !important;
  border-radius: 5px;
}
#bbo-padding #sw-performance {
  margin-top: 5px !important;
  padding: 0px !important;
}
#bbo-padding #sw-performance .history-data.tree-map #tabs {
  margin-bottom: 0px !important;
}
#bbo-padding #sw-performance .tab-content .statistic-data {
  padding-bottom: 0px !important;
}
#bbo-padding #divStockPager ul li {
  padding: 0px !important;
}
#bbo-padding .title-pattern1 {
  margin-top: 0px !important;
}
#bbo-padding .broker-search-form {
  margin: 0px 0px 15px 0px;
}
#bbo-padding .broker-search-form form {
  padding: 10px 0px 5px;
}
#bbo-padding .broker-search-form form .form-group input {
  height: 35px !important;
}
#bbo-padding .broker-search-form form .form-group input:focus {
  background: #fff !important;
}
#bbo-padding .broker-search-form form .form-group input:active {
  background: #fff !important;
}
#bbo-padding .broker-search-form form .form-group select {
  height: 35px !important;
}
#bbo-padding .broker-search-form form .form-group select:focus {
  background: #fff !important;
}
#bbo-padding .broker-search-form form .form-group select:active {
  background: #fff !important;
}
#bbo-padding .broker-search-form form .form-group button {
  height: 35px !important;
}
#bbo-padding .broker-search-form form .form-group button.select2-selection__clear {
  margin: -2px 5px 0px 0px !important;
}
#bbo-padding span.resetautocomplete {
  position: absolute;
  right: 10px;
  top: 0px;
  background: #30b983;
  border-radius: 0;
  padding: 7px 10px;
  font-weight: bold;
  cursor: pointer;
  color: #fff !important;
}
#bbo-padding #divBrokerBreakDown table tbody tr {
  border-bottom: none !important;
  background: #fff !important;
}
#bbo-padding #divBrokerBreakDown table tbody tr:hover {
  border-bottom: none !important;
  background: #f2f2f2 !important;
}
#bbo-padding #divBrokerBreakDown table tbody tr.default-broker {
  background: #ccc !important;
  font-weight: bold !important;
}
#bbo-padding #divBrokerBreakDown table tbody#tbAnnouncement tr {
  position: relative !important;
}
#bbo-padding #divBrokerBreakDown table tbody#tbAnnouncement tr:before {
  content: "";
  background: #30b983 !important;
  width: 0px !important;
  height: 3px !important;
  position: absolute;
  top: -3px !important;
  left: 0% !important;
  transition: all 0.5s ease-in-out;
}
#bbo-padding #divBrokerBreakDown table tbody#tbAnnouncement tr:hover:before {
  width: 100% !important;
  transition: all 0.5s ease-in-out;
}
#bbo-padding #divBrokerBreakDown table thead tr {
  background: #fff !important;
  border: none !important;
}
#bbo-padding .co-news {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
}
#bbo-padding #bbo-padding-inside {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
  box-shadow: none !important;
}
#bbo-padding .full-screen button {
  right: 35px !important;
}
#bbo-padding .filter-option {
  margin-bottom: 0px !important;
}
#bbo-padding .filter-option .button form .ui-group {
  display: block;
  float: right;
  width: auto !important;
  margin: -85px 0px 0px 0px !important;
  background: #f1f1f1 !important;
  padding: 10px !important;
  border-radius: 5px !important;
}
#bbo-padding .filter-option .button form .ui-group i {
  font-size: 20px !important;
  animation: fade 2s linear infinite !important;
  color: #30b983 !important;
  margin: 0px 10px 0px 0px !important;
}
#bbo-padding .filter-option .button form .ui-group button {
  font-weight: normal !important;
  padding: 5px !important;
  margin: 0px 5px 0px 0px !important;
  background: #fff !important;
  color: #36437e !important;
  font-size: 13px !important;
  border-radius: 5px !important;
  width: auto !important;
  color: #36437e !important;
}
#bbo-padding .filter-option .button form .ui-group button.button.btnStockMarketViz:hover {
  color: #36437e !important;
  background: #c7f9e5 !important;
}
#bbo-padding .filter-option .button form button {
  width: auto !important;
  width: 96px !important;
  margin-bottom: 0px !important;
  background: #757575 !important;
}
#bbo-padding .filter-option .button button.button.btnStockMarketViz.is-checked:focus-visible {
  background: #30b983 !important;
}
#bbo-padding .filter-option .button button.button.btnStockMarketViz:hover {
  background: #30b983 !important;
}
#bbo-padding .filter-option button.button.is-checked.btnStockMarketViz:focus {
  background: #30b983 !important;
  color: #fff !important;
}
#bbo-padding .filter-option button.button.btnStockMarketViz:focus {
  background: #30b983 !important;
  color: #fff !important;
}
#bbo-padding #piechart .dq-market-depth table#tblLegend {
  margin: 0px !important;
}
#bbo-padding .market-summary-title .stock-market-contact {
  margin: 0px 0px 20px !important;
}
#bbo-padding .market-summary-title .stock-market-contact p {
  margin-top: 10px !important;
}
#bbo-padding .market-summary-title .stock-market-contact form {
  padding: 0px !important;
}
#bbo-padding .market-summary-title .stock-market-contact form .input-group input {
  background: #fff !important;
}
#bbo-padding .market-summary-title p {
  margin-top: 0px !important;
}
#bbo-padding .market-summary-title .broker-list.stock-market-contact {
  box-shadow: none !important;
  padding: 0px !important;
  margin-bottom: 10px !important;
}
#bbo-padding #bbo-padding {
  margin-bottom: 20px !important;
}
#bbo-padding #bbo-padding .indices-inside-section {
  box-shadow: none !important;
  padding: 0px !important;
}
#bbo-padding #bbo-padding .indices-inside-section table {
  margin-bottom: 0px !important;
}
#bbo-padding #bbo-padding .indices-inside-section table thead tr {
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
}
#bbo-padding #bbo-padding .indices-inside-section table thead tr th {
  padding: 10px !important;
}
#bbo-padding #bbo-padding .indices-inside-section table tbody tr td {
  padding: 6px 10px !important;
}
#bbo-padding .indices-section.section-title.top-indices.sub-indices-performance-right {
  padding: 0px !important;
}
#bbo-padding .indices-section.section-title.top-indices.sub-indices-performance-right table tbody tr td {
  padding: 6px 10px !important;
}
#bbo-padding #tabs {
  margin-bottom: 10px !important;
}
#bbo-padding #tabs li {
  margin-right: 20px !important;
}
#bbo-padding #tabs li a.show {
  padding: 10px 0px !important;
  border-bottom: none !important;
  padding: 0px !important;
}
#bbo-padding #tabs li a {
  padding: 0px !important;
  line-height: 28px !important;
}
#bbo-padding #tabs li a.active.show {
  padding: 0px 0px 5px 0px !important;
  line-height: 28px !important;
}
#bbo-padding #tabs li a.active {
  padding: 10px 0px !important;
  border-bottom: 2px solid #36437e !important;
  margin: 0px !important;
}
#bbo-padding #ia-tabs #b-stock {
  padding: 5px 0px !important;
}
#bbo-padding #ia-tabs #b-historical-data {
  padding: 5px 0px !important;
}
#bbo-padding #ia-tabs #b-chart {
  padding: 5px 0px !important;
}
#bbo-padding #ia-tabs #b-chart .current-indices.date-view ul {
  border-bottom: none !important;
}
#bbo-padding #ia-tabs #b-chart #bbo-padding {
  padding: 0px !important;
  margin: 0px !important;
}
#bbo-padding #ia-tabs #b-news {
  padding: 5px 0px !important;
}
#bbo-padding #index-subindex-performance .indices-inside-section table thead tr:first-child {
  border-top: 1px solid #d2d2d2 !important;
}
#bbo-padding #index-subindex-performance .indices-inside-section table thead tr:last-child {
  border-bottom: 1px solid #d2d2d2 !important;
  background: none !important;
}
#bbo-padding .indices-section.section-title.top-indices table thead tr {
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
}
#bbo-padding .indices-section.section-title.top-indices div#container-piechart {
  margin-top: 33px !important;
}
#bbo-padding table.table thead tr:first-child {
  border-top: 1px solid #d2d2d2 !important;
}
#bbo-padding table.table thead tr:last-child {
  border-bottom: 1px solid #d2d2d2 !important;
}
#bbo-padding .tabbable .nav-tabs {
  padding: 15px 10px !important;
}
#bbo-padding .date-view ul li.active a {
  display: block;
  float: left;
  width: auto !important;
  color: #666 !important;
  padding: 8px 0px !important;
  border-bottom: 2px solid #30b983;
  margin: 0px !important;
}
#bbo-padding .date-view ul li {
  margin-right: 20px !important;
}
#bbo-padding .date-view ul li a {
  padding: 8px 0px !important;
  display: block;
  float: left !important;
}
#bbo-padding .indices-section-body {
  padding: 0px !important;
  margin: 20px 0px !important;
}
#bbo-padding .mwr-section table.table thead tr:last-child {
  background: #fff !important;
}
#bbo-padding .mwr-section table.table thead tr th {
  padding: 5px !important;
}
#bbo-padding .dq-details {
  padding: 0px !important;
}
#bbo-padding .h-date .advanced-search-form span.resetautocomplete {
  top: 43px !important;
  padding: 8px 10px !important;
}
#bbo-padding .mwr-floorsheet.h-data .daily-data .form-group input {
  height: 32px !important;
  font-size: 13px !important;
  padding: 7px 7px !important;
  border-radius: 0px !important;
}
#bbo-padding .mwr-floorsheet.h-data .daily-data .form-group select {
  height: 32px !important;
  font-size: 13px !important;
  padding: 7px 7px !important;
  border-radius: 0px !important;
  padding: 7px 4px !important;
}
#bbo-padding .mwr-floorsheet.h-data .as-section .h-data-search-section .daily-data form .form-group select {
  padding: 0px !important;
  padding: 0px !important;
}
#bbo-padding button#btnSearch {
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  background: #36437e !important;
  padding: 8px 10px !important;
  cursor: pointer !important;
  overflow: hidden !important;
}
#bbo-padding button#btnSearch:hover {
  background: #2e4cd4 !important;
}
#bbo-padding .fsw-fullscreen {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 10px 0px 10px !important;
}
#bbo-padding #ss-search-form {
  padding: 10px 0px !important;
}
#bbo-padding #ss-search-form form {
  padding: 0px !important;
}
#bbo-padding #ss-search-form form .form-group label {
  margin-bottom: 5px !important;
}
#bbo-padding #ss-search-form .form-group.pull-right {
  margin: 0px !important;
  padding: 0px !important;
}
#bbo-padding .broker-listing.broker-breakdown.stock-trade-broker .broker-list.price-history.financials {
  padding: 0px 0px 0px 0px !important;
}
#bbo-padding #divStockScreenerData .pull-right.small {
  margin: 0px !important;
  padding-right: 0px !important;
  margin-top: 0px !important;
}
#bbo-padding .financials {
  padding: 15px !important;
}
#bbo-padding .financials .scroll-div {
  margin: 0px 0px 15px 0px !important;
}
#bbo-padding .financials .scroll-div::-webkit-scrollbar-thumb {
  background: #30b983 !important;
  border-radius: 5px !important;
  background-clip: content-box !important;
  border: 2px solid transparent;
}
#bbo-padding .financials .scroll-div::-webkit-scrollbar-track {
  box-shadow: none !important;
  border: 1px solid #d2d2d2;
  border-radius: 5px !important;
}
#bbo-padding a.symbol {
  color: #0199da !important;
}
#bbo-padding a.symbol:hover {
  color: #0199da !important;
}
#bbo-padding .near-hl-form form {
  padding: 0px 0px 0px 0px !important;
}
#bbo-padding .financial-screnner form {
  padding: 0px !important;
}
#bbo-padding .p-20 {
  padding: 0px !important;
}
#bbo-padding .p-20 #b-stock {
  padding: 20px 0px !important;
}
#bbo-padding .ipo-calender {
  height: 420px !important;
}
#bbo-padding .ipo-calender .pignose-calendar-header {
  margin: 0px !important;
  padding: 0px !important;
}
#bbo-padding .ipo-calender .pignose-calendar .pignose-calendar-body {
  padding: 0px !important;
}
#bbo-padding .ipo-calender .pignose-calendar .pignose-calendar-unit {
  line-height: 0px !important;
  height: 40px !important;
}
#bbo-padding .ipo-calender .pignose-calendar .pignose-calendar-unit a {
  padding: 6px !important;
  height: 30px !important;
  font-size: 14px !important;
  font-weight: normal !important;
}
#bbo-padding .ipo-calender .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
  background: #30b983 !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  height: 30px !important;
  width: 30px !important;
}
#bbo-padding .ipo-result-form {
  display: block;
  float: left !important;
  width: 100% !important;
}
#bbo-padding .ipo-result-form form .form-group {
  display: block;
  float: left !important;
  width: 100% !important;
  margin-bottom: 5px !important;
}
#bbo-padding .ipo-result-form form .form-group input {
  display: block;
  float: left !important;
  width: 100% !important;
  border: 1px solid #ddd !important;
  padding: 6px 10px !important;
  height: 36px !important;
  font-size: 14px !important;
}
#bbo-padding .ipo-result-form form .form-group input:focus {
  box-shadow: none !important;
  border: 1px solid #30b983 !important;
}
#bbo-padding .ipo-result-form form .form-group button {
  border: none !important;
}
#bbo-padding .ipo-result-form form .form-group p.note {
  font-weight: normal !important;
  font-size: 14px !important;
  color: #666 !important;
}
#bbo-padding .ipo-result-form form .form-group label {
  margin-bottom: 0px !important;
}
#bbo-padding .ipo-result-form form .form-group select.form-control {
  display: block;
  float: left !important;
  width: 100% !important;
  border: 1px solid #ddd !important;
  padding: 6px 10px !important;
  height: 36px !important;
  font-size: 14px !important;
}
#bbo-padding .company-news {
  display: block;
  float: left !important;
  width: 100% !important;
  padding: 0px !important;
  background: none !important;
  box-shadow: none !important;
}
#bbo-padding .company-news ul {
  border: none !important;
}
#bbo-padding .company-news ul li {
  padding: 15px !important;
}
#bbo-padding .company-news ul li h2 {
  border-bottom: none !important;
  padding: 0px !important;
}
#bbo-padding .company-news ul li h2 a strong {
  color: #c19b19 !important;
  font-size: 16px !important;
}
#bbo-padding .company-news ul li:hover h2 a strong {
  color: #30b983 !important;
}
#bbo-padding .company-news ul li p {
  display: block;
  font-weight: normal !important;
  margin-bottom: 0px !important;
  font-size: 13px;
  color: #36437e;
  margin-bottom: 10px !important;
}
#bbo-padding .company-news ul li p:first-child {
  color: #f13a3a !important;
}
#bbo-padding .financial-search-form {
  padding: 10px 0px !important;
}
#bbo-padding .financial-search-form form {
  padding: 0px !important;
}
#bbo-padding .broker-list.price-history.financials {
  padding: 15px 0px !important;
}
#bbo-padding #b-news {
  padding: 20px !important;
}
#bbo-padding span#txtStockSymbolFilter {
  position: absolute !important;
  top: 20px !important;
}
#bbo-padding #stock-holding-movement .trf-title.sh-movement .form-group button {
  height: auto !important;
  padding: 6px 10px !important;
}
#bbo-padding .holding-report .trf-title .shm-button {
  margin-top: 0px !important;
  text-align: left !important;
}
#bbo-padding .holding-report .trf-title .shm-button button#btnSearch {
  padding: 7px 10px !important;
}
#bbo-padding .holding-report .trf-title .shm-button button#btnSearch:hover {
  background: #238e64 !important;
}
#bbo-padding .holding-report .trf-title .shm-button button#btnReset {
  padding: 7px 10px !important;
}
#bbo-padding .form-group button#btnSearch:hover {
  background: #2e4cd4 !important;
  color: #fff !important;
}
#bbo-padding .form-group button#btnReset:hover {
  background: #dbb87c !important;
}
#bbo-padding #market-visual {
  padding: 10px 10px 10px 0px !important;
  margin-top: -20px !important;
}
#bbo-padding #market-visual .as-of-date {
  padding: 10px 0px !important;
  margin-right: 10px !important;
}
#bbo-padding #market-visual button#live-data-refresh {
  margin-top: -10px !important;
}

#divDataGainerLoser #sw-gianer-loser {
  margin-top: 0px !important;
}

.indices.nepse-performance.sub-indices-performance.sub-indices-performance-right {
  margin-top: 0px !important;
}
.indices.nepse-performance.sub-indices-performance.sub-indices-performance-right table thead tr th {
  padding: 10px !important;
  display: block;
  float: left;
  width: 20%;
}
.indices.nepse-performance.sub-indices-performance.sub-indices-performance-right table tbody tr td {
  padding: 10px !important;
  display: block;
  float: left;
  width: 20%;
}
.indices.nepse-performance.sub-indices-performance.sub-indices-performance-right table.table thead {
  display: table;
  width: calc(100% - 0px);
}
.indices.nepse-performance.sub-indices-performance.sub-indices-performance-right table.table tfoot {
  display: table;
  width: calc(100% - 0px);
}
.indices.nepse-performance.sub-indices-performance.sub-indices-performance-right table.table tbody {
  height: 200px;
  overflow-x: hidden;
  display: block;
}

.sub-indices-performance-right .data-table-row-cell[data-type*=gainer-name] {
  position: relative;
}
.sub-indices-performance-right .data-table-row-cell[data-type*=gainer-name] a:before {
  position: absolute;
  z-index: 9;
  content: "";
  width: 3px !important;
  height: 25px !important;
  background: #30b983;
  left: 0px !important;
  top: 4px !important;
}
.sub-indices-performance-right .data-table-row-cell[data-type*=looser-name] {
  position: relative;
}
.sub-indices-performance-right .data-table-row-cell[data-type*=looser-name] a:before {
  position: absolute;
  z-index: 9;
  content: "";
  width: 3px !important;
  height: 25px !important;
  background: #f13a3a !important;
  left: 0px !important;
  top: 4px !important;
}
.sub-indices-performance-right .data-table-row-cell[data-type*=neutral-name] {
  position: relative;
}
.sub-indices-performance-right .data-table-row-cell[data-type*=neutral-name] a:before {
  position: absolute;
  z-index: 9;
  content: "";
  width: 3px !important;
  height: 25px !important;
  background: #0199da;
  left: 0px !important;
  top: 4px !important;
}
.sub-indices-performance-right .data-table-row-cell[data-type*=gainer] span {
  display: block !important;
  background: #9cf4dc !important;
  padding: 0px 8px !important;
  text-align: center !important;
  width: 70px !important;
}
.sub-indices-performance-right .data-table-row-cell[data-type*=looser] span {
  display: block !important;
  background: #ffe1e1 !important;
  padding: 0px 8px !important;
  text-align: center !important;
  width: 70px !important;
}
.sub-indices-performance-right .data-table-row-cell[data-type*=neutral] span {
  display: block !important;
  background: #69A9C2 !important;
  padding: 0px 8px !important;
  text-align: center !important;
  width: 70px !important;
}

.indices-section.section-title.top-indices.sub-indices-performance-right {
  padding: 0px !important;
  box-shadow: none !important;
}
.indices-section.section-title.top-indices.sub-indices-performance-right table tbody tr td {
  padding: 10px !important;
}
.indices-section.section-title.top-indices.sub-indices-performance-right .indices-inside-section {
  padding: 0px !important;
  box-shadow: none !important;
}

table.table tbody tr td.data-table-row-cell[data-type*=gainer-change] span {
  width: 70px !important;
}
table.table tbody tr td.data-table-row-cell[data-type*=looser-change] span {
  width: 70px !important;
}
table.table tbody tr td.data-table-row-cell[data-type*=neutral-change] span {
  width: 70px !important;
}

.pattern {
  display: block;
  float: left;
  width: 100% !important;
  background: url(../images/download.png) repeat left top;
  height: 18px;
  margin-bottom: 20px !important;
}
.pattern h2.sm-mover {
  display: block;
  float: left;
  width: auto !important;
  font-size: 17px !important;
  font-weight: bold !important;
  position: absolute;
  background: #f1f1f1 !important;
  margin-top: -2px !important;
  padding: 0px 20px 0px 0px !important;
  border: none !important;
}

.nav-item .nav-link.active:hover {
  color: #666 !important;
}

.tab-pane {
  display: block;
  float: left;
  width: 100% !important;
  padding: 5px 0px !important;
}
.tab-pane ul#tabs {
  margin-left: 10px !important;
}
.tab-pane .title-pattern {
  margin-top: 0px !important;
  margin-bottom: 20px !important;
}
.tab-pane .title-pattern h2 {
  padding-left: 10px !important;
}
.tab-pane .title-pattern em {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 13px !important;
  margin-bottom: 20px !important;
  padding-left: 10px !important;
}

#divMarketMover .demo #horizontalTab3 ul li a {
  color: #333 !important;
  font-size: 15px !important;
}
#divMarketMover .demo #horizontalTab5 ul li a {
  color: #333 !important;
  font-size: 15px !important;
}
#divMarketMover .demo #horizontalTab5 .resp-tabs-list li.resp-tab-item.resp-tab-active::before {
  border-bottom: 2px solid #36437e !important;
}

g.highcharts-button.highcharts-button-pressed:hover {
  cursor: pointer !important;
}

#gainers {
  height: 275px;
  overflow: scroll !important;
  overflow-x: auto !important;
  scrollbar-width: thin;
}

#losers {
  height: 275px;
  overflow: scroll !important;
  overflow-x: auto !important;
  scrollbar-width: thin;
}

#turnover {
  height: 275px;
  overflow: scroll !important;
  overflow-x: auto !important;
  scrollbar-width: thin;
}

#sharestraded {
  height: 275px;
  overflow: scroll !important;
  overflow-x: auto !important;
  scrollbar-width: thin;
}

#transactions {
  overflow: scroll !important;
  overflow-x: auto !important;
  scrollbar-width: thin;
}

#Watchlist {
  height: 275px;
  overflow: scroll !important;
  overflow-x: auto !important;
  scrollbar-width: thin;
}

#Portfolio {
  height: 275px;
  overflow: scroll !important;
  overflow-x: auto !important;
  scrollbar-width: thin;
}

.date-view {
  display: block;
  float: left;
  width: 100% !important;
  padding: 20px 10px 10px 10px !important;
  text-align: left !important;
}
.date-view ul.index-block {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 0px !important;
  background: #f1f1f1;
}
.date-view ul.index-block li:last-child p {
  font-weight: normal !important;
  font-size: 14px !important;
}
.date-view ul .select-field {
  top: 26px !important;
}

.gainer {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 5px !important;
  border: 1px solid #adadad !important;
  margin-bottom: 20px !important;
  position: relative;
}
.gainer h6 {
  display: block;
  float: left;
  width: 100% !important;
  font-weight: bold !important;
}
.gainer h6 span {
  float: right !important;
  background: none !important;
  font-weight: bold !important;
  text-shadow: none !important;
}
.gainer h6 span:after {
  display: none !important;
}
.gainer p {
  display: block;
  float: left;
  width: 100% !important;
  color: #30b983 !important;
  border-bottom: 1px dotted #b3b3b3;
  padding: 10px 0px 10px 0px !important;
  margin-bottom: 5px !important;
}
.gainer p span {
  color: #30b983 !important;
  float: right !important;
  margin-right: 15px !important;
}
.gainer p span:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #2f8d5c;
  position: absolute;
  top: 40px;
  margin-left: 5px !important;
}
.gainer em {
  display: block;
  float: left;
  width: auto !important;
  font-size: 14px !important;
  font-style: normal !important;
  background: transparent !important;
  padding: 5px 0px;
}
.gainer em .tooltip-listing {
  display: block;
  float: right;
  width: auto !important;
  background: transparent !important;
  padding: 0px 6px !important;
}
.gainer .tooltip-listing a i {
  display: block !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  padding: 5px 2px !important;
  color: #36437e !important;
}
.gainer:hover em .tooltip-listing a i {
  cursor: pointer !important;
  padding-right: 10px !important;
}

.looser {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 5px !important;
  border: 1px solid #adadad !important;
  margin-bottom: 20px !important;
  position: relative;
}
.looser h6 {
  display: block;
  float: left;
  width: 100% !important;
  font-weight: bold !important;
  display: block;
  float: left;
  width: 100% !important;
}
.looser h6 span {
  float: right !important;
  background: none !important;
  font-weight: bold !important;
  text-shadow: none !important;
  background: none !important;
}
.looser h6 span:after {
  display: none !important;
  display: none !important;
}
.looser p {
  display: block;
  float: left;
  width: 100% !important;
  color: #f13a3a !important;
  border-bottom: 1px dotted #b3b3b3;
  padding: 10px 0px 10px 0px !important;
  margin-bottom: 5px !important;
}
.looser p span {
  color: #f13a3a !important;
  float: right !important;
  margin-right: 15px !important;
}
.looser p span:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #f13a3a;
  position: absolute;
  top: 40px;
  margin-left: 5px !important;
  transform: rotate(180deg) !important;
}
.looser em {
  display: block;
  float: left;
  width: auto !important;
  font-size: 14px !important;
  font-style: normal !important;
  background: transparent !important;
  padding: 5px 0px;
}
.looser em .tooltip-listing {
  display: block;
  float: right;
  width: auto !important;
  background: transparent !important;
  padding: 0px 6px !important;
}
.looser .tooltip-listing a i {
  display: block !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  padding: 5px 2px !important;
  color: #36437e !important;
}
.looser:hover em .tooltip-listing a i {
  cursor: pointer !important;
  padding-right: 10px !important;
}

.neutral {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 5px !important;
  border: 1px solid #adadad !important;
  margin-bottom: 20px !important;
  position: relative;
}
.neutral h6 {
  display: block;
  float: left;
  width: 100% !important;
  font-weight: bold !important;
  display: block;
  float: left;
  width: 100% !important;
}
.neutral h6 span {
  float: right !important;
  background: none !important;
  font-weight: bold !important;
  text-shadow: none !important;
}
.neutral h6 span:after {
  display: none !important;
}
.neutral p {
  display: block;
  float: left;
  width: 100% !important;
  color: #0199da !important;
  border-bottom: 1px dotted #b3b3b3;
  padding: 10px 0px 10px 0px !important;
  margin-bottom: 5px !important;
}
.neutral p span {
  color: #0199da !important;
  float: right !important;
  margin-right: 15px !important;
}
.neutral p span:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #4cb9df !important;
  position: absolute;
  top: 40px;
  margin-left: 5px !important;
  border-radius: 50% !important;
  border-bottom: none !important;
}
.neutral em {
  display: block;
  float: left;
  width: auto !important;
  font-size: 14px !important;
  font-style: normal !important;
  background: transparent !important;
  padding: 5px 0px;
}
.neutral em .tooltip-listing {
  display: block;
  float: right;
  width: auto !important;
  background: transparent !important;
  padding: 0px 6px !important;
}
.neutral .tooltip-listing a i {
  display: block !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  padding: 5px 2px !important;
  color: #36437e !important;
}
.neutral:hover em .tooltip-listing a i {
  cursor: pointer !important;
  padding-right: 10px !important;
}

.gainer-n ul {
  display: block;
  float: left;
  width: 100% !important;
  margin: 11px 0px !important;
}
.gainer-n ul li {
  display: block;
  float: left;
  width: 40% !important;
}
.gainer-n ul li:last-child {
  float: right !important;
}
.gainer-n ul span.negative:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #9cf4dc;
  position: absolute;
  left: 17px !important;
  top: 44px;
  margin-left: 5px !important;
}
.gainer-n span {
  display: block !important;
  background: #9cf4dc !important;
  padding: 0px 8px !important;
  text-align: center !important;
  width: auto !important;
  color: #36437e !important;
  margin-left: 20px !important;
}
.gainer-n span:after {
  display: none !important;
}
.gainer-n span.pc {
  display: block !important;
  background: #9cf4dc !important;
  padding: 0px 8px !important;
  text-align: center !important;
  width: auto !important;
  color: #36437e !important;
  margin-left: 0px !important;
}

.snapshot {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px !important;
  border: 1px solid #adadad !important;
  margin-bottom: 20px !important;
  position: relative;
}
.snapshot h6 {
  display: block;
  float: left;
  width: 100% !important;
  font-weight: bold !important;
}
.snapshot h6 span {
  float: right !important;
  background: none !important;
  font-weight: bold !important;
  text-shadow: none !important;
}
.snapshot h6 span:after {
  display: none !important;
}
.snapshot p {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 0px 10px 0px !important;
  margin-bottom: 5px !important;
}
.snapshot p span {
  float: right !important;
  margin-right: 15px !important;
}
.snapshot p span:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  top: 40px;
  margin-left: 5px !important;
}
.snapshot p span.text-up:after {
  border-bottom: 10px solid #30b983;
}
.snapshot p span.text-down:after {
  border-bottom: 10px solid #f13a3a;
  transform: rotate(180deg) !important;
}
.snapshot p span.text-neutral:after {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #4585ad;
}
.snapshot em {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 14px !important;
  font-style: normal !important;
  background: transparent !important;
  padding: 5px 0px;
  border-top: 1px dotted #b3b3b3;
}
.snapshot em .tooltip-listing {
  display: block;
  float: right;
  width: auto !important;
  background: transparent !important;
  padding: 0px 6px !important;
}
.snapshot .tooltip-listing a i {
  display: block !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  padding: 5px 2px !important;
  color: #36437e !important;
}
.snapshot:hover em .tooltip-listing a i {
  cursor: pointer !important;
  padding-right: 10px !important;
}

ul.resp-tabs-list {
  display: block;
  float: left;
  width: 100% !important;
  padding: 15px 10px !important;
  border-bottom: 1px solid #ddd !important;
}

.newsletter-section .resp-tabs-list li a {
  background: #f1f1f1 !important;
}

.resp-tabs-list li {
  padding: 0px !important;
  position: relative !important;
  margin: 0px 10px !important;
}
.resp-tabs-list li a {
  display: block !important;
  padding: 0px !important;
  background: transparent !important;
  color: #333 !important;
  font-size: 15px !important;
  font-weight: normal !important;
  border-radius: 5px !important;
  margin-right: 10px !important;
  border: none !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  margin-right: 0px !important;
}
.resp-tabs-list li a:hover {
  color: #666 !important;
}
.resp-tabs-list li a.active:after {
  content: "";
  display: block;
  border-bottom-color: transparent;
  border-bottom-color: transparent;
  border-bottom: 2px solid #36437e !important;
  position: absolute;
  bottom: -16px;
  left: 0%;
  margin-left: 0px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 100% !important;
}
.resp-tabs-list li a.active.show::before {
  content: "";
  display: block;
  border-bottom-color: transparent;
  border-bottom-color: transparent;
  border-bottom: 2px solid #36437e !important;
  position: absolute;
  bottom: -15px;
  left: 0%;
  margin-left: 0px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.resp-tabs-list li.resp-tab-item.resp-tab-active::before {
  content: "";
  display: block;
  border-bottom-color: transparent;
  border-bottom-color: transparent;
  border-bottom: 2px solid #36437e !important;
  position: absolute;
  bottom: -15px;
  left: 0%;
  margin-left: 0px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 100% !important;
  height: 5px !important;
}
.resp-tabs-list li.resp-tab-item.resp-tab-active:hover a {
  color: #000 important;
}

.resp-tab-item.resp-tab-active {
  border: none !important;
}

#b-stock {
  padding: 20px 20px !important;
  float: left;
  width: 100% !important;
}
#b-stock ul {
  display: block;
  float: left;
  width: 100%;
  padding: 0px !important;
}
#b-stock ul li {
  float: left;
  width: auto;
  margin-bottom: 10px !important;
}
#b-stock ul li a.active {
  background: #36437e !important;
  color: #fff !important;
}
#b-stock ul li a {
  background: #0e5e5e !important;
  color: #fff !important;
  padding: 10px !important;
  margin-right: 10px !important;
  font-size: 14px !important;
  border-radius: 5px;
}
#b-stock ul li a:hover {
  background: #36437e !important;
  color: #fff !important;
}
#b-stock ul li a.active.show {
  background: #0e5e5e !important;
  color: #fff !important;
}
#b-stock ul li.active a {
  background: #d8ba58 !important;
  padding: 10px !important;
  margin-right: 10px !important;
  font-size: 14px !important;
}
#b-stock ul.company-contact {
  display: block;
  float: left;
  width: 100% !important;
  padding: 15px 15px !important;
}
#b-stock ul.company-contact li {
  display: block;
  float: left;
  margin: 0px 10px 0px 0px !important;
}
#b-stock .tab-pane.active.show {
  display: block !important;
  display: block;
  float: left;
  width: 100% !important;
}
#b-stock #mytabs1 table tbody tr td span {
  font-weight: normal !important;
  font-size: 14px !important;
  color: #666 !important;
  padding: 0px 0px 0px 0px !important;
  text-align: left !important;
}
#b-stock #mytabs1 table tbody tr td span.inv-st {
  font-weight: bold !important;
  text-decoration: underline !important;
}
#b-stock #mytabs1 table tbody tr td:first-child {
  text-decoration: underline !important;
}

#Watchlist-new .gainer {
  margin-bottom: 0px !important;
}
#Watchlist-new .gainer h5 {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 10px !important;
}
#Watchlist-new .gainer span.add-section {
  display: block;
  float: left;
  width: 100% !important;
}
#Watchlist-new .gainer span.add-section a {
  display: block;
  float: left;
  color: #fff !important;
  padding: 10px !important;
  margin-bottom: 10px !important;
  background: #30b983;
  border-radius: 5px !important;
  color: #fff !important;
}
#Watchlist-new .gainer span.add-section a i {
  color: #fff !important;
  padding: 0px 5px 0px 0px !important;
}
#Watchlist-new .gainer span.add-section a:hover {
  background: #c19b19 !important;
}
#Watchlist-new .gainer-new {
  border: none !important;
  border-right: 1px solid #dedede !important;
}

.view-more {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 10px !important;
  position: relative !important;
  position: relative !important;
  margin: 5px 0px;
}
.view-more a {
  padding: 5px 10px !important;
  font-size: 14px !important;
}
.view-more a i {
  margin-left: 10px !important;
  transition: all 0.5s ease-in-out;
  height: 30px !important;
  margin: 0px 5px 0px 0px !important;
  width: 30px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  position: absolute;
  top: 5px !important;
  padding-left: 10px !important;
}
.view-more a:hover {
  text-decoration: none !important;
  color: #000 !important;
}
.view-more a:hover i {
  transition: all 0.5s ease-in-out;
  height: 30px !important;
  margin: 0px 5px 0px 0px !important;
  width: 30px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  padding-left: 20px !important;
  color: #000 !important;
}
.view-more button.btn-primary {
  padding: 18px 20px !important;
  font-size: 14px !important;
}
.view-more button.btn-primary i {
  margin-left: 10px !important;
  transition: all 0.5s ease-in-out;
  height: 30px !important;
  margin: 0px 5px 0px 0px !important;
  width: 30px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  position: absolute;
  top: 5px !important;
  padding-left: 10px !important;
}
.view-more button.btn-primary:hover {
  text-decoration: none !important;
  color: #000 !important;
}
.view-more button.btn-primary:hover i {
  transition: all 0.5s ease-in-out;
  height: 30px !important;
  margin: 0px 5px 0px 0px !important;
  width: 30px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  padding-left: 20px !important;
  color: #000 !important;
}

.sm-mover-wrap {
  display: block;
  float: left;
  width: 100% !important;
  background: #f9f9f9 !important;
  padding: 20px 0px 0px 0px !important;
  margin: 0px 0px 20px 0px !important;
}
.sm-mover-wrap .view-more {
  background: #fff !important;
  border: 1px solid #ddd !important;
  margin-bottom: 20px !important;
  padding: 10px !important;
  text-align: center !important;
  margin-top: 0px !important;
}
.sm-mover-wrap .view-more a {
  width: auto !important;
}
.sm-mover-wrap .view-more a i {
  top: 16px !important;
}

.history-data.sm-mover #tabs {
  padding: 0px 20px !important;
  margin-top: 5px !important;
}
.history-data.sm-mover .tab-content .tab-pane {
  height: 285px !important;
  overflow: scroll !important;
  padding: 10px !important;
  text-align: left !important;
}
.history-data.sm-mover .tab-content .tab-pane::-webkit-scrollbar {
  width: 5px !important;
}
.history-data.sm-mover .tab-content .tab-pane::-webkit-scrollbar:horizontal {
  height: 10px !important;
}

.summary-tm {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 20px !important;
}
.summary-tm ul {
  display: block;
  float: left;
  width: 100% !important;
}
.summary-tm ul li {
  display: block;
  float: left;
  width: auto !important;
}
.summary-tm ul li a {
  padding: 10px 15px !important;
  margin-right: 5px !important;
  background: #efefef !important;
}
.summary-tm ul li a:hover {
  background: #1ecd93 !important;
  color: #fff !important;
}
.summary-tm ul li a.active {
  background: #1ecd93 !important;
  color: #fff !important;
}

.select-field {
  display: block;
  float: right;
  width: 40% !important;
  margin-top: -3px !important;
}
.select-field form {
  display: block;
  float: right !important;
  width: 100% !important;
}
.select-field form select {
  font-size: 14px !important;
  line-height: normal !important;
  padding: 5px 10px !important;
  border-radius: 0px !important;
}
.select-field form select option {
  font-size: 14px !important;
  line-height: normal !important;
  padding: 5px 10px !important;
  border-radius: 0px !important;
}
.select-field form select:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #aaa !important;
}

.custom-select {
  height: auto !important;
}

.fear-seaction {
  display: block;
  float: left;
  width: 100% !important;
  min-height: 555px !important;
}

.greed-section {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
}

.greed-section-sub {
  display: block;
  float: left;
  width: 50% !important;
  padding: 15px 10px !important;
  border-bottom: 1px dotted #ddd;
}
.greed-section-sub h4 {
  display: block;
  float: left;
  width: 70% !important;
  font-weight: normal !important;
}
.greed-section-sub h4 span.indices-prev-greed {
  display: block;
  float: left;
  width: 100% !important;
  color: #30b983 !important;
  font-size: 15px !important;
  font-weight: bold !important;
}
.greed-section-sub h4 span.indices-prev-greed.indices-prev-greed-neg {
  color: #f13a3a !important;
}
.greed-section-sub span.indices-prev-greed-rec {
  display: block;
  float: right;
  width: auto !important;
  border: 1px solid #ddd !important;
  color: #30b983 !important;
  padding: 10px !important;
}
.greed-section-sub span.indices-prev-greed-rec.indices-prev-greed-rec-neg {
  border: 1px solid #ddd !important;
  color: #f13a3a !important;
}

.c-calender {
  display: block;
  float: left;
  width: 100% !important;
}
.c-calender img {
  width: 76%;
  margin: 0 auto !important;
  display: block !important;
}
.c-calender a {
  display: block;
  float: left;
  width: 100% !important;
  margin: 30px 0px !important;
}
.c-calender ul li a {
  display: block;
  float: left;
  width: 100% !important;
}

.c-news {
  display: block;
  float: left;
  width: 100% !important;
}
.c-news ul {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 15px;
}
.c-news ul li {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 5px !important;
  border-bottom: 1px solid #dfdfdf;
}
.c-news ul li a span {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 14px !important;
  margin-bottom: 5px !important;
}
.c-news ul li:last-child {
  border-bottom: none !important;
}

.senti-meter {
  display: block;
  float: left;
  width: 100% !important;
}
.senti-meter p {
  padding: 15px 10px !important;
}

.greed-section.senti-meter img {
  width: 100% !important;
}

.senti-predict {
  display: block;
  float: left;
  width: 100% !important;
  border-bottom: 1px dotted #cdcdcd !important;
  border-top: 1px dotted #cdcdcd !important;
  margin-bottom: 60px !important;
}

.oneday-predict {
  display: block;
  float: left;
  width: 100% !important;
  text-align: center !important;
}
.oneday-predict a.up {
  font-size: 16px !important;
  padding: 5px 10px !important;
  border: 1px solid #ddd !important;
  color: #30b983 !important;
}
.oneday-predict a.up i {
  color: #30b983 !important;
  font-weight: bold !important;
  font-size: 18px !important;
}
.oneday-predict a.down {
  font-size: 16px !important;
  padding: 5px 10px !important;
  border: 1px solid #ddd !important;
  color: #f13a3a !important;
}
.oneday-predict a.down i {
  color: #f13a3a !important;
  font-weight: bold !important;
  font-size: 18px !important;
}

.post-section {
  display: block;
  float: left;
  width: 100% !important;
}
.post-section form {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px !important;
  position: relative;
}
.post-section form input {
  display: block;
  float: left;
  width: 100% !important;
  border: 1px solid #ddd;
  padding: 10px !important;
  box-shadow: inset 0 5px 20px -4px rgba(11, 11, 11, 0.1) !important;
  border-radius: 0px !important;
}
.post-section form input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #ddd !important;
}
.post-section form .btn-primary {
  background-color: #f1f1f1 !important;
  border-color: #666 !important;
  color: #666 !important;
  position: absolute !important;
  right: 12px !important;
  top: 12px;
  border-radius: 0px !important;
}

#mcTooltipWrapper #mcTooltip .mcTooltipInner .tt-body-right ul li a {
  display: block;
}
#mcTooltipWrapper #mcTooltip .mcTooltipInner .tooltip-header .add-watchlist a {
  display: block !important;
}
#mcTooltipWrapper #mcTooltip .mcTooltipInner div:empty {
  box-shadow: none !important;
  display: none;
}
#mcTooltipWrapper #mcTooltip .mcTooltipInner div:empty a {
  display: none;
  box-shadow: none !important;
}
#mcTooltipWrapper #mcTooltip .mcTooltipInner a {
  display: none;
  box-shadow: none !important;
}
#mcTooltipWrapper #mcTooltip .mcTooltipInner a div:empty {
  display: none;
  box-shadow: none !important;
}
#mcTooltipWrapper #mcTooltip div:empty {
  display: none !important;
  box-shadow: none !important;
}

.mcTooltipInner {
  width: 460px !important;
  padding: 10px !important;
  border: 1px solid #ddd !important;
  position: absolute !important;
  height: auto !important;
}

#mcTooltip {
  box-shadow: 0 5px 30px 5px rgba(44, 44, 44, 0.2) !important;
  background: #fff !important;
  border-radius: 0px !important;
  padding: 0px !important;
  border: none !important;
}

#mcttCo b {
  box-shadow: 0 5px 30px 5px rgba(44, 44, 44, 0.2) !important;
  background: #fff !important;
  border-radius: 0px !important;
  padding: 0px !important;
  border: none !important;
}

.gainer-t .tooltip-header {
  display: block;
  float: left;
  width: 440px !important;
  padding: 10px !important;
  border-left: 5px solid #30b983 !important;
}
.gainer-t .tooltip-header p em {
  background: #9cf4dc !important;
  padding: 5px !important;
  width: auto !important;
  color: #333 !important;
  border-radius: 5px;
}
.gainer-t .tooltip-header p span {
  background: #9cf4dc !important;
  padding: 5px !important;
  width: auto !important;
  color: #333 !important;
  border-radius: 5px;
}

.neutral-t .tooltip-header {
  display: block;
  float: left;
  width: 440px !important;
  padding: 10px !important;
  border-left: 5px solid #4cb9df !important;
}
.neutral-t .tooltip-header p em {
  background: #4cb9df !important;
  padding: 5px !important;
  width: auto !important;
  border-radius: 5px !important;
  color: #333 !important;
}
.neutral-t .tooltip-header p span {
  background: #4cb9df !important;
  padding: 5px !important;
  width: auto !important;
  border-radius: 5px !important;
  color: #333 !important;
}

.fa-external-link:before {
  font-weight: normal !important;
}

.looser-t .tooltip-header {
  display: block;
  float: left;
  width: 440px !important;
  padding: 10px !important;
  border-left: 5px solid #f13a3a !important;
}
.looser-t .tooltip-header p em {
  background: #ffe1e1 !important;
  padding: 5px !important;
  width: auto !important;
  border-radius: 5px;
  color: #333 !important;
}
.looser-t .tooltip-header p span {
  background: #ffe1e1 !important;
  padding: 5px !important;
  width: auto !important;
  border-radius: 5px;
  color: #333 !important;
}

.tooltip-header {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 0px !important;
  border-bottom: 1px dotted #ddd !important;
  margin-bottom: 5px !important;
}
.tooltip-header h4 {
  display: block;
  float: left;
  width: 100% !important;
  color: #333 !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
}
.tooltip-header span {
  display: block;
  width: 100% !important;
  color: #333 !important;
  font-size: 11px !important;
  margin-bottom: 0px !important;
}
.tooltip-header p {
  color: #333 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  margin: 5px 0px 10px 0px !important;
}
.tooltip-header p em {
  color: #36437e !important;
  font-size: 13px !important;
  margin-left: 10px !important;
}
.tooltip-header p span {
  display: inline !important;
  width: auto !important;
  margin-left: 10px !important;
  font-size: 13px !important;
}

.add-watchlist {
  display: block;
  float: right !important;
  width: auto !important;
}
.add-watchlist a {
  background: transparent !important;
  border: 1px solid #aaa !important;
  color: #36437e !important;
  text-transform: none !important;
  padding: 5px 5px !important;
  font-size: 12px !important;
  font-weight: normal !important;
  border-radius: 5px !important;
}
.add-watchlist a:hover {
  background: #36437e !important;
  color: #fff !important;
}
.add-watchlist a:hover i {
  color: #fff !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.add-watchlist a i {
  margin-top: -3px !important;
  font-size: 10px !important;
  font-weight: normal !important;
  padding-right: 5px !important;
  color: #36437e !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.add-watchlist a i.fa-star:before {
  color: #fff !important;
  margin-top: -3px !important;
}
.add-watchlist a.text-green {
  background: #36437e !important;
  color: #fff !important;
  border: 1px solid #36437e !important;
  border-radius: 5px !important;
}

.tooltip-body {
  display: block;
  float: left;
  width: 100% !important;
  background: #fff;
  padding: 10px 0px !important;
  margin-top: 10px !important;
}
.tooltip-body .tt-body-left {
  display: block;
  float: left;
  width: 75% !important;
  position: relative !important;
  border-right: 1px solid #dfdfdf !important;
  padding-right: 5px !important;
}
.tooltip-body .tt-body-left .eps p span {
  font-size: 11px !important;
}
.tooltip-body .tt-body-left .day-range {
  display: block;
  float: left;
  width: 48% !important;
  position: relative;
  margin-top: 0px !important;
}
.tooltip-body .tt-body-left .day-range p {
  display: block;
  float: left;
  width: 100% !important;
  font-weight: normal !important;
  font-size: 12px !important;
}
.tooltip-body .tt-body-left .day-range em {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 15px !important;
  margin-top: 0px !important;
  font-size: 13px;
  font-style: normal !important;
  display: block;
  float: left;
  width: 100% !important;
}
.tooltip-body .tt-body-left .day-range em:last-child {
  font-weight: bold !important;
}
.tooltip-body .tt-body-left .day-range em span {
  float: right !important;
  float: right !important;
  font-style: normal !important;
}
.tooltip-body .tt-body-left .day-range span.range:after {
  content: "";
  display: block;
  width: 100% !important;
  position: absolute;
  top: 47px !important;
  left: 0px !important;
  background: linear-gradient(90deg, #f13a3a, #30b983);
  transition: 0.2s;
  height: 5px;
  z-index: 999;
}
.tooltip-body .tt-body-left .day-range1 {
  display: block;
  float: right;
  width: 48% !important;
  position: relative;
  margin-top: 0px !important;
}
.tooltip-body .tt-body-left .day-range1 p {
  display: block;
  float: left;
  width: 100% !important;
  font-weight: normal !important;
  font-size: 12px !important;
}
.tooltip-body .tt-body-left .day-range1 em {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 15px !important;
  margin-top: 0px !important;
  font-size: 13px;
  font-style: normal !important;
  display: block;
  float: left;
  width: 100% !important;
}
.tooltip-body .tt-body-left .day-range1 em:last-child {
  font-weight: bold !important;
}
.tooltip-body .tt-body-left .day-range1 em span {
  float: right !important;
  float: right !important;
  font-style: normal !important;
}
.tooltip-body .tt-body-left .day-range1 span.range1:after {
  content: "";
  display: block;
  width: 100% !important;
  position: absolute;
  top: 47px !important;
  left: 0px !important;
  background: linear-gradient(90deg, #f13a3a, #30b983);
  transition: 0.2s;
  height: 5px;
  z-index: 999;
}
.tooltip-body .tt-body-right {
  display: block;
  float: left;
  width: 20% !important;
  padding-left: 10px !important;
}
.tooltip-body .tt-body-right ul li a {
  display: block;
  float: left;
  width: 100% !important;
  padding: 5px 0px !important;
  color: #666 !important;
  font-size: 14px !important;
}
.tooltip-body .tt-body-right ul li a:hover {
  text-decoration: underline !important;
}

.tt-transaction ul li {
  display: block;
  float: left;
  width: auto !important;
  margin-right: 5px !important;
  padding: 0px 5px !important;
  border-right: 1px solid #ddd !important;
}
.tt-transaction ul li:last-child {
  border-right: none !important;
}
.tt-transaction ul li p {
  font-size: 12px !important;
}
.tt-transaction ul li p span {
  font-weight: bold !important;
}

.gainer-new span:after {
  display: none !important;
}

.tt-body-left-bottom {
  display: block;
  float: left;
  width: 100% !important;
  position: relative !important;
}
.tt-body-left-bottom .eps {
  display: block;
  float: left;
  width: 42% !important;
  padding: 10px 5px !important;
  border-bottom: 1px solid #dfdfdf !important;
  margin-right: 10px !important;
}
.tt-body-left-bottom .eps:nth-child(even) {
  margin-right: 0px !important;
}
.tt-body-left-bottom .eps:last-child {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 10px !important;
  border-bottom: none !important;
}
.tt-body-left-bottom .eps:last-child:hover {
  background: none !important;
}
.tt-body-left-bottom .eps:last-child p {
  font-size: 12px !important;
  color: #333 !important;
}
.tt-body-left-bottom .eps:hover {
  background: #f1f1f1 !important;
}
.tt-body-left-bottom .eps p {
  display: block;
  float: left;
  white-space: normal !important;
  font-size: 12px !important;
}
.tt-body-left-bottom .eps span {
  float: right !important;
  font-size: 12px !important;
  font-weight: bold !important;
}

#mcTooltip.price-performance {
  width: 280px !important;
}

.fa-eye:before {
  content: "\f06e";
  padding: 0px 0px 0px 0px;
  margin-top: -10px !important;
  display: block !important;
  float: left;
  display: none !important;
}

.market-summary-title {
  display: block;
  float: left;
  width: 100% !important;
}
.market-summary-title .stock-market-contact {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 20px !important;
}
.market-summary-title .select-field {
  margin-left: 20px !important;
}
.market-summary-title form .form-group input {
  display: block;
  float: left;
  width: 100% !important;
  margin-right: 20px !important;
  border: 1px solid #ced4da !important;
  border-radius: 0px !important;
  padding: 5px !important;
}

.indices.summary-turnover {
  display: block;
  float: left;
  width: 100% !important;
  padding: 5px !important;
  border-bottom: 1px solid #ddd !important;
}
.indices.summary-turnover p {
  float: left;
  width: auto !important;
}
.indices.summary-turnover p:last-child {
  float: right !important;
  color: #333 !important;
  font-size: 14px !important;
}
.indices.summary-turnover span {
  text-align: right !important;
  display: block;
}

#mytabs {
  display: block;
  float: left;
  width: 100% !important;
}
#mytabs table tbody tr td {
  vertical-align: bottom !important;
}
#mytabs table tbody tr td .tooltip-listing {
  display: block;
  float: right;
  width: auto !important;
  position: relative !important;
}
#mytabs table tbody tr td .tooltip-listing a span.s-gainer {
  padding: 0px 10px !important;
  background: #3faf7e !important;
}
#mytabs table tbody tr td .tooltip-listing a span.s-neutral {
  padding: 0px 10px !important;
  background: #4cb9df !important;
}
#mytabs table tbody tr td .tooltip-details {
  right: 0px !important;
}
#mytabs table tbody tr td .tooltip-details .tooltip-header.t-header {
  background: transparent !important;
}
#mytabs table tbody tr td .tooltip-details .tooltip-header span {
  text-transform: none !important;
  font-size: 14px !important;
  color: #000 !important;
  margin-bottom: 10px !important;
}
#mytabs table tbody tr td .tooltip-details .tooltip-header p {
  font-size: 16px !important;
  font-weight: bold !important;
  color: #000 !important;
}
#mytabs table tbody tr td span.s-looser {
  padding: 0px 10px !important;
  background: #e15555 !important;
}
#mytabs table tbody tr td.data-table-row-cell {
  float: right !important;
}
#mytabs .swp-about ul li p {
  margin-bottom: 0px !important;
}

#b-nepse-data {
  padding: 20px 20px !important;
  float: left;
  width: 100% !important;
}

#f-performance {
  padding: 20px 20px !important;
  float: left;
  width: 100% !important;
  height: 600px !important;
  overflow-y: scroll !important;
}

#s-movement {
  padding: 20px 20px !important;
  float: left;
  width: 100% !important;
}

#b-stastics {
  padding: 20px 20px !important;
  float: left;
  width: 100% !important;
}

#b-historical-data {
  padding: 20px 20px !important;
  float: left;
  width: 100% !important;
}
#b-historical-data .daily-data form {
  height: auto !important;
}
#b-historical-data .form-group {
  display: block;
  float: left;
  width: 50% !important;
}

#s-performance {
  height: 600px !important;
  overflow-y: scroll !important;
}

.gainer-l .tooltip-header p em {
  color: #36437e !important;
}
.gainer-l .tooltip-header p span {
  color: #36437e !important;
}

a.features span {
  height: 20px !important;
  display: block;
  float: left;
  width: 15px !important;
  margin-right: 3px !important;
  margin-bottom: 6px !important;
}

a.symbol {
  color: #c19b19 !important;
  padding-left: 4px !important;
  color: #0199da !important;
}
a.symbol:hover {
  color: #c19b19 !important;
  padding-left: 4px !important;
  color: #0199da !important;
}

.indices-section.section-title.company-overview {
  display: block;
  float: left;
  width: 100%;
  height: 720px !important;
}

.risk-metric {
  display: block;
  float: left;
  width: 100% !important;
  background: #f6f6f6;
  padding: 10px !important;
  margin-bottom: 15px !important;
}
.risk-metric h3 {
  margin-bottom: 10px !important;
}
.risk-metric table {
  border-bottom: 1px dotted #cdcdcd !important;
  margin-bottom: 0px !important;
}
.risk-metric table:last-child {
  border-bottom: none !important;
}
.risk-metric table tbody tr td {
  border-bottom: none !important;
}

#sw-performance .history-data.tree-map {
  padding-right: 0px !important;
}
#sw-performance .history-data #tabs li a.show {
  color: #666 !important;
  padding: 0px 0px 5px 0px !important;
  border-bottom: 2px solid #30b983;
  margin: 0px !important;
}

#quick-search {
  display: block;
  float: left;
  width: 100%;
  padding: 0px 0px !important;
  margin-bottom: 30px !important;
}
#quick-search .title-pattern1 {
  display: block;
  float: left !important;
  width: auto !important;
  margin: 0px !important;
  background: none !important;
}
#quick-search .title-pattern1 h2 {
  display: block;
  float: left;
  width: auto !important;
  padding: 25px 15px !important;
  background: #30b983 !important;
  color: #fff !important;
  position: relative;
}
#quick-search .title-pattern1 h2:after {
  content: "";
  position: absolute;
  right: -8px !important;
  top: 23px !important;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 10px solid #30b983;
  border-bottom: 15px solid transparent;
  background: transparent !important;
}
#quick-search .indices-section-body {
  display: block;
  float: left !important;
  width: auto !important;
  padding: 0px !important;
}
#quick-search .indices-section-body .co-quick-links {
  padding: 13px 0px 5px 15px !important;
}
#quick-search .indices-section-body ul.co-quick-links li .button-4 {
  border-radius: 0px !important;
}
#quick-search .indices-section-body ul.co-quick-links li .eff-4 {
  background: #30b983 !important;
  display: none !important;
}
#quick-search ul.co-quick-links {
  display: block;
  float: left;
  width: auto !important;
  padding: 13px 0px 5px 15px !important;
}
#quick-search ul.co-quick-links li {
  margin: 0px !important;
}
#quick-search ul.co-quick-links li:hover .button-4 a {
  color: #36437e !important;
}
#quick-search ul.co-quick-links li:hover .button-4 a sup {
  animation: none !important;
}
#quick-search ul.co-quick-links li .button-4 {
  border-radius: 0px !important;
}
#quick-search ul.co-quick-links li a sup {
  color: #fff !important;
  background: #36437e !important;
  border-radius: 5px !important;
  padding: 1px 4px !important;
  top: -8px !important;
  font-size: 10px !important;
  animation: fade 2s linear infinite !important;
}
#quick-search ul.co-quick-links.po-quick-links li:first-child .button-4 {
  background: #fff !important;
  width: 180px !important;
}

.co-quick-links {
  display: block;
  float: left;
  width: 100% !important;
}

ul.co-quick-links li {
  display: block;
  float: left;
  margin-right: 10px !important;
}
ul.co-quick-links li .button-4 {
  padding: 0px 10px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 5px !important;
}
ul.co-quick-links li .button-4 a {
  color: #36437e;
}

.vc-health-premium {
  display: block;
  float: left;
  width: 100% !important;
}

ul.vc-health-premium li {
  display: block;
  float: left;
  margin-right: 15px !important;
}
ul.vc-health-premium li .button-4 {
  padding: 0px 10px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 5px !important;
}
ul.vc-health-premium li .button-4 a {
  color: #30b983;
  font-weight: bold !important;
}

.quarterly ul {
  display: block;
  float: left;
  width: 100% !important;
  background: #f6f6f6;
  border: 1px solid #dedede !important;
  margin: 20px 0px !important;
}
.quarterly ul li {
  display: inline;
  padding: 15px 10px !important;
  display: block;
  float: left;
  width: auto !important;
}
.quarterly ul li:nth-child(1) a:before {
  content: "";
  background: #2889d3;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  display: inline;
  float: left;
  top: 7px !important;
  z-index: 99999 !important;
  margin-right: 5px !important;
  margin-top: 5px !important;
}
.quarterly ul li:nth-child(2) a:before {
  content: "";
  background: #30b983;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  display: inline;
  float: left;
  top: 7px !important;
  z-index: 99999 !important;
  margin-right: 5px !important;
  margin-top: 5px !important;
}
.quarterly ul li:nth-child(3) a:before {
  content: "";
  background: #f13a3a;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  display: inline;
  float: left;
  top: 7px !important;
  z-index: 99999 !important;
  margin-right: 5px !important;
  margin-top: 5px !important;
}

.holding-pattern {
  display: block;
  float: left;
  width: 100% !important;
  min-height: 575px !important;
}

table.table-ratio-comparison tbody tr.sub-item td .high-low-avg i.fa-circle:before {
  font-size: 8px !important;
}
table.table-ratio-comparison tbody tr.root-item td .high-low-avg i.fa-circle:before {
  font-size: 8px !important;
}

.indices-section.section-title.history-data .co-news {
  padding: 0px !important;
}
.indices-section.section-title.history-data .broker-list.price-history.financials {
  box-shadow: none !important;
}
.indices-section.section-title.history-data #stock #divStockSummaryBox .dq-details table tbody tr td span.plus:before {
  top: 4px !important;
  left: -13px !important;
}
.indices-section.section-title.history-data .mwr-section #divStockSummaryBox .dq-details table tbody tr td span.plus:before {
  top: 4px !important;
  left: -13px !important;
}
.indices-section.section-title.history-data .broker-listing.broker-breakdown.stock-trade-broker #bbo-padding .broker-list.price-history.financials {
  padding: 0px !important;
}

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

.co-news {
  display: block;
  float: left;
  width: 100% !important;
  padding: 20px !important;
}
.co-news .broker-list {
  padding: 20px !important;
}
.co-news .broker-list .con-listing {
  display: block;
  float: left;
  width: 100% !important;
}
.co-news .broker-list .con-listing ul {
  display: block;
  float: left;
  width: 100% !important;
  border: 1px solid #ddd !important;
}
.co-news .broker-list .con-listing ul li {
  display: block;
  float: left;
  width: 100% !important;
  padding: 20px !important;
  border-bottom: 1px dotted #ddd !important;
}
.co-news .broker-list .con-listing ul li p {
  margin-bottom: 0px !important;
}
.co-news .broker-list .con-listing ul li h2 {
  display: block;
  float: left;
  width: 100% !important;
  border-bottom: none !important;
  padding: 0px !important;
  margin-bottom: 5px !important;
  color: #30b983 !important;
}
.co-news .broker-list .con-listing ul li h2 a {
  color: #c19b19 !important;
  font-size: 16px !important;
}
.co-news .broker-list .con-listing ul li h3 {
  display: block;
  float: left;
  width: 100% !important;
  border-bottom: none !important;
  padding: 0px !important;
  margin-bottom: 10px !important;
  color: #666 !important;
  font-size: 15px !important;
}
.co-news .broker-list .con-listing ul li:hover h2 a {
  color: #30b983 !important;
}
.co-news .broker-list .con-listing ul li:nth-last-child(even) {
  background: #fff !important;
}
.co-news .broker-list .con-listing.m-latest-news ul li span {
  display: block;
  font-weight: normal !important;
  margin-bottom: 10px !important;
}
.co-news .broker-search-form .form-group input.form-control {
  height: 35px !important;
}
.co-news .dataTables_length {
  margin-top: 0px !important;
  margin-bottom: 10px !important;
}
.co-news #example2_length {
  display: block;
  float: left;
  width: 100% !important;
}
.co-news #example2_length label {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 0px !important;
}
.co-news #example2_length label span {
  display: block;
  float: left;
  width: auto !important;
  margin-top: 4px !important;
}
.co-news #example2_length label select {
  display: block;
  float: left;
  width: 70px !important;
  border-radius: 0px !important;
  margin: 0px 5px;
}

#dataTables_length {
  display: block;
  float: left;
  width: 100% !important;
}
#dataTables_length span {
  display: block;
  float: left;
  width: auto !important;
}

select#ddlLimit {
  padding: 5px 10px !important;
  margin: 0px 5px !important;
  border: 1px solid #ddd !important;
  border-radius: 5px !important;
}
select#ddlLimit:focus {
  outline: none !important;
  box-shadow: none !important;
}

.latest-news .table-news tbody tr td a p strong {
  color: #666 !important;
}

.stock-market-snap {
  display: block;
  float: left;
  width: 100% !important;
}

.broker-list {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px !important;
  background: #fff;
  margin-bottom: 20px !important;
}
.broker-list .stock-market-snap ul {
  background: transparent !important;
}
.broker-list .stock-market-snap ul li {
  width: 20% !important;
  display: block;
  float: left;
  border-right: 1px dotted #bbb;
  padding: 0px 10px !important;
}
.broker-list .stock-market-snap ul li:last-child {
  border-right: none !important;
}
.broker-list .stock-market-snap ul li div {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 0px !important;
  border-bottom: 1px dotted #bbb !important;
}
.broker-list .stock-market-snap ul li div:last-child {
  border-bottom: none !important;
}
.broker-list .stock-market-snap ul li div p {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 0px !important;
  font-size: 13px !important;
  font-weight: normal !important;
}
.broker-list .stock-market-snap ul li div span {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 16px !important;
  font-weight: bold !important;
}
.broker-list ul {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px 0px 20px 0px !important;
}
.broker-list ul li {
  display: block;
  float: left;
  width: 25% !important;
}
.broker-list ul li span {
  font-weight: bold !important;
  font-size: 16px !important;
}
.broker-list ul li p {
  margin-bottom: 6px !important;
}
.broker-list table thead {
  padding: 30px 0px !important;
  background: #ddd !important;
}

.company-address {
  display: block;
  float: left;
  width: 100% !important;
}
.company-address ul li {
  display: block;
  float: left;
  width: 100% !important;
}
.company-address ul li p {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 0px 10px 0px !important;
  border-bottom: 1px dotted #ddd !important;
  text-indent: -40px !important;
  padding-left: 50px !important;
}
.company-address ul li p i {
  margin-right: 10px !important;
  background: #ddd !important;
  width: 30px !important;
  height: 30px !important;
  vertical-align: middle !important;
  text-align: center !important;
  padding: 8px !important;
}
.company-address ul li p i:before {
  position: absolute;
  left: 65px !important;
}
.company-address ul li:hover p i {
  background: #30b983 !important;
  color: #fff !important;
}

div#divFullStockWatch button.btn-collapse.collapsed {
  left: 0px !important;
}
div#divFullStockWatch button.btn-collapse {
  left: -20px !important;
}

div#stock-date-range {
  background: #f2f2f2 !important;
  padding: 10px !important;
  margin: 5px 0px !important;
}

#divBrokers {
  padding-bottom: 0px !important;
}
#divBrokers div#stock-date-range:hover {
  background: #f2f2f2 !important;
  padding: 10px !important;
}
#divBrokers #index-date-range {
  background: #f2f2f2 !important;
  padding: 10px !important;
  margin: 5px 0px !important;
}
#divBrokers .broker-list {
  margin-bottom: 20px !important;
}
#divBrokers .broker-list:hover {
  background: transparent !important;
}
#divBrokers .broker-list:hover h2 {
  background: #30b983 !important;
  color: #fff !important;
}
#divBrokers .broker-list h2 {
  display: block;
  float: left;
  width: 100% !important;
  padding: 5px !important;
  margin-bottom: 15px !important;
  font-size: 16px !important;
  border-bottom: 1px solid #ddd !important;
  background: #f6f6f6 !important;
  font-weight: normal !important;
}
#divBrokers .broker-list ul {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 0px !important;
}
#divBrokers .broker-list ul li span {
  font-size: 13px !important;
  text-transform: none !important;
}
#divBrokers .broker-contact-block {
  border: 1px solid #ddd !important;
}

.live-trading {
  display: block;
  float: left;
  width: 100% !important;
}
.live-trading h2 p {
  display: block;
  float: right;
  width: auto !important;
  font-size: 14px !important;
  font-weight: normal !important;
  padding-right: 40px !important;
  margin-top: 5px !important;
}
.live-trading .live-section {
  height: 790px !important;
  overflow: scroll !important;
  overflow-x: hidden !important;
}
.live-trading #myvideo:fullscreen .live-section {
  height: auto !important;
  overflow: visible !important;
}

.resp-tabs-container #divWatchlist .full-stock-data {
  height: 324px !important;
}
.resp-tabs-container #divWatchlist .full-stock-data #tblWatchListLive_wrapper {
  padding: 0px !important;
}
.resp-tabs-container #divWatchlist .full-stock-data #tblWatchListLive_wrapper table#tblWatchListLive {
  overflow-x: scroll !important;
  overflow-y: scroll !important;
}
.resp-tabs-container #divWatchlist .full-stock-data #tblWatchListLive_wrapper table#tblWatchListLive tbody {
  overflow-x: scroll !important;
  overflow-y: scroll !important;
}

#divWatchlist {
  padding: 0px !important;
}
#divWatchlist span .select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
  width: 80% !important;
}
#divWatchlist .select2-container--default .select2-selection--multiple {
  width: calc(98% - 80px) !important;
  max-height: 80px !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}
#divWatchlist .select2-container--default .select2-dropdown .select2-search__field:focus, #divWatchlist .select2-container--default .select2-search--inline .select2-search__field:focus {
  border: none !important;
}
#divWatchlist .select2-container--default .select2-selection--multiple .select2-selection__clear {
  height: 43px !important;
  width: 43px !important;
  position: absolute !important;
  z-index: 999999 !important;
  right: -5px !important;
  top: -1px !important;
}
#divWatchlist .select2-container--default .select2-selection--multiple .select2-selection__clear span {
  color: #fff !important;
  top: 4px !important;
  position: absolute;
  right: 13px !important;
  font-size: 30px !important;
}

.form-group button {
  background: #36437e !important;
}

.form-group button:hover {
  background: #0e5e5e !important;
}

#divFullStockWatch .filter-option .select-field {
  width: 50% !important;
}
#divFullStockWatch #myvideo .targetDiv .filter-option .select-field {
  width: 96% !important;
}
#divFullStockWatch .table-view table tbody tr td button.btn.btn-primary {
  background: none !important;
}

#stock .as-section {
  margin: 0px 0px !important;
}
#stock #divStockSummaryBox .dq-details table tbody tr td span.plus:before {
  top: 100px !important;
  left: 111px !important;
}

#index .as-section {
  margin: 0px 0px !important;
}

#all-stock .broker-list {
  margin: 0px 0px !important;
}
#all-stock .input-group-append a.dbOpenButton.btn.btn-secondary {
  height: 31px !important;
}

.ui-group {
  display: block;
  float: left;
  width: 100% !important;
}
.ui-group .button-group {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 20px !important;
}
.ui-group .button-group button.button.btnMarketMover {
  border-radius: 5px !important;
}
.ui-group button {
  display: inline !important;
  float: left;
  width: auto !important;
  padding: 10px !important;
  background: #eaeaea !important;
  border-radius: 0px !important;
  font-size: 14px !important;
  font-weight: normal !important;
  margin-right: 10px !important;
  border: none !important;
  cursor: pointer !important;
}
.ui-group button:hover {
  background: #2e4cd4 !important;
  color: #fff !important;
  border-radius: 0px !important;
}
.ui-group button.btnStockMarketViz {
  background: #757575 !important;
}
.ui-group button.is-checked {
  background: #36437e !important;
  color: #fff !important;
  border-radius: 0px !important;
}

button.button.btnStockMarketViz:focus {
  background: #30b983 !important;
}

.big-demo .grid {
  display: block;
  float: left;
  width: 100% !important;
}

.grid-sizer {
  display: block;
  float: left;
  width: 20% !important;
}

.grid-item {
  display: block;
  float: left;
  width: 20% !important;
}
.grid-item .gainer {
  position: relative !important;
}

.grid-item.element-item {
  padding-right: 10px !important;
}

section#myvideo .resp-tabs-list li a.active.show::before {
  content: "";
  display: block;
  border-bottom-color: transparent;
  border-bottom-color: transparent;
  border-bottom: 2px solid #30b983 !important;
  position: absolute;
  bottom: -16px;
  left: 0%;
  margin-left: 0px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 100% !important;
}
section#myvideo .resp-tabs-list li a.active:hover {
  color: #36437e !important;
}

.fsw-fullscreen {
  display: block;
  float: left;
  width: 100% !important;
  padding: 5px 10px 0px 20px !important;
}

.fsw-maintab {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
}
.fsw-maintab ul#tabs li a {
  padding: 0px 10px !important;
}
.fsw-maintab .tab-pane ul#tabs {
  border-bottom: none !important;
}
.fsw-maintab .tab-pane ul#tabs li a {
  display: block;
  float: left;
  width: auto !important;
  padding: 10px !important;
  margin-right: 10px !important;
  background: #eaeaea !important;
  border-radius: 0px !important;
  font-size: 14px !important;
  font-weight: normal !important;
  border: none !important;
  cursor: pointer !important;
}
.fsw-maintab .tab-pane ul#tabs li a.active.show {
  background: #d8ba58 !important;
  color: #fff !important;
  border-radius: 0px !important;
}
.fsw-maintab .tab-content .tab-pane .tab-content {
  display: block;
  float: left;
  width: 100% !important;
  padding: 20px 0px !important;
}

div#container {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 5px !important;
}

.full-screen {
  display: block;
  float: left;
}
.full-screen button {
  display: block;
  float: right;
  text-align: right !important;
  background: none !important;
  position: absolute;
  right: 0px !important;
  top: 40px !important;
  padding: 5px !important;
  z-index: 9;
}
.full-screen button i {
  font-size: 20px !important;
  color: #36437e !important;
  cursor: pointer;
  margin-left: 10px !important;
}
.full-screen button i:hover {
  color: #2e4cd4 !important;
}

#myvideo:fullscreen {
  background: #fff !important;
  overflow: scroll !important;
  height: 100vh !important;
  padding: 0px !important;
}
#myvideo:fullscreen .fullscreen-header {
  display: block !important;
  float: left;
  width: 100% !important;
  background: #fff !important;
  z-index: 999 !important;
  box-shadow: 0 10px 30px -15px rgba(0, 0, 0, 0.3) !important;
  position: fixed !important;
  top: 0px !important;
  top: 0px !important;
  padding: 10px 0px;
}
#myvideo:fullscreen .resp-tabs-list {
  margin-top: 60px !important;
}
#myvideo:fullscreen .show-hide {
  position: fixed !important;
  top: 12px !important;
}

.fullscreen-header {
  display: none !important;
}

section.cnt .targetDiv table.table tbody tr td.gainer {
  margin: 0px !important;
}
section.cnt .targetDiv table.table tbody tr td.gainer span:after {
  display: none !important;
}
section.cnt .targetDiv table.table tbody tr td.loser {
  margin: 0px !important;
}
section.cnt .targetDiv table.table tbody tr td.loser span:after {
  display: none !important;
}
section.cnt .targetDiv table.table tbody tr td.neutral {
  margin: 0px !important;
}
section.cnt .targetDiv table.table tbody tr td.neutral span:after {
  display: none !important;
}
section.cnt .targetDiv table.table tbody tr td.fw-gainer span {
  background: #9cf4dc !important;
  color: #36437e !important;
  padding: 3px 10px;
}
section.cnt .targetDiv table.table tbody tr td.fw-loser span {
  background: #ffe1e1 !important;
  color: #36437e !important;
  padding: 3px 10px;
}
section.cnt .targetDiv table.table tbody tr td.fw-neutral span {
  background: #7cb5cc !important;
  color: #36437e !important;
  padding: 3px 10px;
}
section.cnt .targetDiv table.table tbody tr td {
  padding: 10px !important;
}
section.cnt .targetDiv table.table thead tr th {
  padding: 10px !important;
}
section.cnt div#divMoverData .market-mover-summary {
  height: auto !important;
}

bg-quote span.fw-increase {
  width: 3px !important;
  height: 22px !important;
  background: #30b983 !important;
  display: block;
  float: left;
  margin-right: 5px !important;
}
bg-quote span.fw-decrease {
  width: 3px !important;
  height: 22px !important;
  background: #f13a3a !important;
  display: block;
  float: left;
  margin-right: 5px !important;
}
bg-quote span.fw-neutral {
  width: 3px !important;
  height: 22px !important;
  background: #2889d3 !important;
  display: block;
  float: left;
  margin-right: 5px !important;
}

.grid-all {
  overflow: scroll !important;
  height: 340px !important;
}

.price-history-section-left {
  display: block;
  float: left;
  width: 100% !important;
  height: auto !important;
}
.price-history-section-left .indices-section-body .current-indices.date-view ul {
  padding: 0px !important;
}
.price-history-section-left .indices-section-body .current-indices.date-view ul li {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 10px !important;
}
.price-history-section-left .indices-section-body .current-indices.date-view ul li h3 {
  display: block;
  float: left;
  width: 100% !important;
}
.price-history-section-left .indices-section-body .current-indices.date-view ul li p {
  width: auto !important;
  margin-right: 30px !important;
}

.broker-breakdown {
  display: block;
  float: left;
  width: 100% !important;
}
.broker-breakdown div.dataTables_wrapper div.dataTables_info {
  padding-top: 10px !important;
}
.broker-breakdown div#example_paginate {
  float: right !important;
}
.broker-breakdown ul.pagination {
  display: block;
  float: left;
  width: 100% !important;
  float: right !important;
  margin-bottom: 0px !important;
}
.broker-breakdown ul.pagination li {
  width: auto !important;
}
.broker-breakdown ul.pagination li a {
  box-shadow: none !important;
}
.broker-breakdown ul.pagination li.active a {
  color: #fff !important;
  background: #36437e !important;
  border: 1px solid #36437e !important;
}

#example_filter {
  display: none !important;
}

#example2_filter {
  display: none !important;
}

#example3_filter {
  display: none !important;
}

#example4_filter {
  display: none !important;
}

#example6_filter {
  display: none !important;
}

div#example_info {
  display: none !important;
}

div#example2_info {
  display: none !important;
}

div#example3_info {
  display: none !important;
}

div#example4_info {
  display: none !important;
}

#example6_info {
  display: none !important;
}

#example6 thead {
  display: none !important;
}

.page-link {
  color: #666 !important;
}

#divBrokerStockHoldings {
  position: relative !important;
  padding: 10px 0px !important;
}
#divBrokerStockHoldings #holding-table-data table thead tr.sticky-header th.sticky-cell {
  width: 200px !important;
  position: -webkit-sticky !important;
  position: -ms-sticky !important;
  position: sticky !important;
  background: #f2f2f2 !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 5;
}
#divBrokerStockHoldings #holding-table-data table tbody tr td:first-child {
  width: 200px !important;
  position: -webkit-sticky !important;
  position: -ms-sticky !important;
  position: sticky !important;
  background: #f2f2f2 !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 5;
}
#divBrokerStockHoldings .show-hide {
  position: absolute !important;
}
#divBrokerStockHoldings .table-view.scrollable-area .indices-inside-section {
  padding: 0px !important;
}
#divBrokerStockHoldings .graph-view.scrollable-area #holding-table-data table thead tr:first-child {
  border-top: none !important;
}
#divBrokerStockHoldings .graph-view.scrollable-area #holding-table-data table thead tr th {
  border-right: 1px solid #ddd !important;
}
#divBrokerStockHoldings .graph-view.scrollable-area #holding-table-data table tbody {
  border-bottom: 1px solid #ddd !important;
}
#divBrokerStockHoldings .graph-view.scrollable-area #holding-table-data table tbody tr td {
  border-right: 1px solid #ddd !important;
}

#divBrokerStockHoldings #divData .table-view.scrollable-area .indices-inside-section {
  box-shadow: none !important;
  margin: 0px 0px 20px 0px !important;
}

.side-navigation {
  display: block;
  float: left;
  width: 100% !important;
}
.side-navigation ul {
  display: block;
  float: left;
  width: 100% !important;
  padding: 5px !important;
}
.side-navigation ul li {
  display: block;
  float: left;
  width: 100% !important;
}
.side-navigation ul li a {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px !important;
  border-bottom: 1px dotted #ddd !important;
  position: relative !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.side-navigation ul li a:hover {
  background: #f2f2f2 !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.side-navigation ul li a:hover:after {
  right: 10px !important;
  display: inline !important;
}
.side-navigation ul li a:after {
  content: "\f101";
  font-family: "FontAwesome" !important;
  right: 20px !important;
  position: absolute !important;
  font-size: 16px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.side-navigation ul li a.active {
  background: #f2f2f2 !important;
  border-left: 5px solid #30b983 !important;
  color: #36437e !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.side-navigation ul li a.active:after {
  right: 8px !important;
  top: 12px;
}
.side-navigation ul li:last-child a {
  border-bottom: none !important;
}

.indices-section.section-title.side-navigation h2 {
  background: #30b983 !important;
  color: #fff !important;
}
.indices-section.section-title.side-navigation .title-pattern1 h2 {
  color: #36437e !important;
  background: #fff !important;
}
.indices-section.section-title.side-navigation ul li a sup {
  color: #fff !important;
  background: #36437e !important;
  border-radius: 5px !important;
  padding: 1px 4px !important;
  top: -8px !important;
  font-size: 10px !important;
  animation: fade 2s linear infinite !important;
}

.broker-listing-wrap {
  display: block;
  float: left;
  width: 100% !important;
  height: auto !important;
}

.broker-listing {
  display: block;
  float: left;
  width: 100% !important;
  padding: 20px 0px !important;
}

.broker-search-form {
  display: block;
  float: left;
  width: 100% !important;
  margin: 10px 10px 0px;
  box-shadow: 0 10px 20px -20px rgba(52, 168, 66, 0.6) !important;
}
.broker-search-form form {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 10px 10px !important;
}
.broker-search-form form .form-group {
  margin-bottom: 10px !important;
}
.broker-search-form form .form-group input {
  margin-bottom: 10px !important;
  display: block;
  float: left;
  width: 100% !important;
  border: 1px solid #ced4da;
  padding: 7px 10px !important;
  font-size: 14px !important;
}
.broker-search-form form .form-group input:focus {
  box-shadow: none !important;
  border: 1px solid #ced4da;
}
.broker-search-form form .form-group select {
  font-size: 14px !important;
}
.broker-search-form form .form-group select:focus {
  box-shadow: none !important;
  border: 1px solid #ced4da;
}
.broker-search-form form .form-group button:hover {
  background: #d8ba58 !important;
}
.broker-search-form form .form-group .btn-show-hide button:hover {
  background: #1f855c !important;
}
.broker-search-form form .select2-container--default .select2-selection--single .select2-selection__arrow:after {
  content: "\f002";
  position: absolute;
  font-family: "FontAwesome";
  top: 10px !important;
  right: 10px !important;
  color: #36437e !important;
}
.broker-search-form form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none !important;
}
.broker-search-form form a.dbOpenButton.btn.btn-secondary {
  background: #36437e !important;
  border: none !important;
  height: 35px;
  padding: 10px;
}
.broker-search-form .form-group .fa-search:before {
  color: #fff !important;
  font-size: 16px !important;
  font-family: "FontAwesome" !important;
  position: absolute;
}
.broker-search-form .form-group input.form-control:focus {
  border: 1px solid #36437e !important;
}
.broker-search-form form#brokerFilterForm .form-group span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--above {
  width: 50% !important;
}
.broker-search-form form#brokerFilterForm .form-group span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
  width: 50% !important;
}
.broker-search-form .btn-show-hide {
  float: right !important;
}
.broker-search-form button.btn.btn-outline-secondary.btn-sm.btn-show {
  float: right !important;
  background: #fff !important;
  border: 1px solid #ddd !important;
  color: #36437e !important;
  border-radius: 5px !important;
}
.broker-search-form button.btn.btn-outline-secondary.btn-sm.btn-show:hover {
  background: #6C757B !important;
  outline: none;
  color: #fff !important;
}
.broker-search-form button.btn.btn-outline-secondary.btn-sm.btn-show.active {
  background: #30b983 !important;
  color: #fff !important;
}
.broker-search-form button.btn.btn-outline-secondary.btn-sm.btn-show.active:hover {
  color: #fff !important;
}
.broker-search-form span.select2-selection.select2-selection--single {
  height: 35px !important;
  padding: 4px 0px !important;
}
.broker-search-form .select2-container--default .select2-selection--single {
  min-height: 30px !important;
}
.broker-search-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 2px !important;
}

form .form-group button {
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  background: #30b983 !important;
  padding: 8px 10px !important;
  cursor: pointer !important;
  overflow: hidden !important;
}
form .form-group input:focus {
  box-shadow: none !important;
  border: 1px solid #36437e !important;
}
form .form-group button#btnJoinUs {
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  background: #30b983 !important;
  padding: 8px 30px !important;
  cursor: pointer !important;
  overflow: hidden !important;
}
form .form-group button#btnSubscription {
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  background: #c19b19 !important;
  padding: 8px 47px !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

.search-company {
  display: block;
  float: left;
  width: 100% !important;
  margin: 20px 0px !important;
}
.search-company form {
  display: block;
  float: left;
  width: 70% !important;
}
.search-company form input {
  border: 1px solid #ddd !important;
  padding: 10px !important;
}
.search-company form input:focus {
  border: 1px solid #36437e !important;
}
.search-company form button {
  background: #fff !important;
  padding: 7px !important;
  position: absolute;
  right: 45% !important;
  top: 23px;
}

.form-control[readonly] {
  background: #fff !important;
}

#divBrokerBreakDown {
  display: block;
  float: left;
  width: 100% !important;
  padding-bottom: 0px !important;
}
#divBrokerBreakDown .indices-inside-section {
  padding: 0px !important;
  box-shadow: none !important;
}
#divBrokerBreakDown .dataTables_length {
  margin-top: 0px !important;
  margin-bottom: 10px !important;
  text-align: left !important;
}
#divBrokerBreakDown #example2_length {
  display: block;
  float: left;
  width: 100% !important;
}
#divBrokerBreakDown #example2_length label {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 0px !important;
}
#divBrokerBreakDown #example2_length label span {
  display: block;
  float: left;
  width: auto !important;
  margin-top: 4px !important;
}
#divBrokerBreakDown #example2_length label select {
  display: block;
  float: left;
  width: 70px !important;
  border-radius: 0px !important;
  margin: 0px 5px;
}
#divBrokerBreakDown h4.broker-company {
  margin-left: -10px !important;
  margin-right: 10px !important;
  padding-top: 3px !important;
  width: auto !important;
}
#divBrokerBreakDown #dateTime {
  padding: 10px 0px !important;
}
#divBrokerBreakDown .broker-list {
  margin-bottom: 10px !important;
  padding: 10px 10px 0px 0px !important;
}
#divBrokerBreakDown .broker-list h2 {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  margin-bottom: 15px !important;
  font-size: 18px !important;
  padding-bottom: 5px !important;
  border-bottom: 1px solid #ddd !important;
}
#divBrokerBreakDown .broker-list ul#summary li {
  width: 16.6% !important;
}
#divBrokerBreakDown .broker-list ul {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 0px !important;
}
#divBrokerBreakDown .broker-list ul li span {
  font-size: 14px !important;
  text-transform: none !important;
  width: 100% !important;
  display: block;
  float: left;
  margin-bottom: 10px !important;
  word-break: break-word;
}
#divBrokerBreakDown .padder {
  padding: 0px !important;
}
#divBrokerBreakDown table {
  margin: 0px !important;
  margin-bottom: 20px !important;
}
#divBrokerBreakDown table thead tr {
  border-top: 1px solid #d2d2d2 !important;
  border-bottom: 1px solid #d2d2d2 !important;
}
#divBrokerBreakDown table tbody tr:last-child {
  border-bottom: 1px solid #d2d2d2 !important;
}
#divBrokerBreakDown table.table-bordered {
  border: none !important;
}
#divBrokerBreakDown table.table-striped {
  background: transparent !important;
}
#divBrokerBreakDown ul#ulNews li {
  display: block;
  float: left;
  width: 100% !important;
}
#divBrokerBreakDown ul#ulNews li p {
  padding: 0px !important;
}
#divBrokerBreakDown ul#ulNews li p:first-child {
  color: #30b983 !important;
  margin-bottom: 10px !important;
  padding: 0px !important;
}
#divBrokerBreakDown ul#ulNews p {
  padding: 10px !important;
}
#divBrokerBreakDown .con-listing ul.pagination.no-margin {
  display: block;
  float: left;
  width: 100% !important;
  border: none !important;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}
#divBrokerBreakDown ul.pagination.no-margin li {
  padding: 0px !important;
}
#divBrokerBreakDown .c-floorsheet {
  box-shadow: none !important;
}

#tblBuyList thead tr th.table-trade-summary {
  background: #30b983 !important;
  font-weight: normal !important;
  font-size: 16px !important;
}

#tblSellList thead tr th.table-trade-summary {
  background: #f13a3a !important;
  font-weight: normal !important;
  font-size: 16px !important;
}

#nc-actions {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  box-shadow: none !important;
}
#nc-actions .con-listing {
  display: block;
  float: left;
  width: 100% !important;
  background: none !important;
  margin-top: 3px !important;
}
#nc-actions .con-listing ul#ulNews li {
  display: block;
  float: left;
  width: 100% !important;
  position: relative !important;
  line-height: 29px !important;
  font-size: 15px !important;
  color: #666 !important;
}
#nc-actions .con-listing ul#ulNews li:before {
  content: "";
  background: #30b983 !important;
  width: 0px !important;
  height: 3px !important;
  position: absolute;
  top: -3px !important;
  left: 0% !important;
  transition: all 0.5s ease-in-out;
}
#nc-actions .con-listing ul#ulNews li:hover:before {
  width: 100% !important;
  transition: all 0.5s ease-in-out;
}
#nc-actions .con-listing ul#ulNews li div {
  display: block;
  float: left;
  width: 100% !important;
}
#nc-actions .con-listing ul#ulNews li div div {
  display: block;
  float: left;
  width: 100% !important;
}
#nc-actions .con-listing ul li {
  padding: 10px !important;
}
#nc-actions .con-listing ul li h2 a strong {
  font-size: 16px !important;
}
#nc-actions ul {
  display: block;
  float: left;
  width: 100% !important;
  border: none !important;
  background: none !important;
  margin-bottom: 20px !important;
}
#nc-actions ul li {
  padding: 15px !important;
}
#nc-actions ul li:hover {
  background-color: #f1f1f1 !important;
}
#nc-actions ul li:hover h2 a strong {
  color: #30b983 !important;
}
#nc-actions ul li:last-child {
  border-bottom: none !important;
}
#nc-actions ul li:nth-last-child(even) {
  background: #fff !important;
}
#nc-actions ul li p {
  margin-bottom: 10px !important;
  line-height: 24px !important;
}
#nc-actions ul li p:first-child {
  display: block;
  font-weight: normal !important;
  margin-bottom: 0px !important;
  font-size: 13px;
  color: #c19b19 !important;
}
#nc-actions ul li h2 a strong {
  color: #666 !important;
  font-size: 22px !important;
}
#nc-actions ul li p.cat-title {
  display: block;
  float: left;
  width: auto !important;
  margin: 10px 10px 15px 0px !important;
  border: 1px solid #666;
  padding: 5px 10px !important;
  border-radius: 5px !important;
  background: #fff !important;
  line-height: 15px !important;
}
#nc-actions ul li p.news-details {
  display: block;
  float: left;
  width: 100% !important;
  line-height: 29px !important;
  font-size: 15px !important;
  color: #666 !important;
}
#nc-actions #divPager {
  display: block;
  float: left;
  width: 100% !important;
  background: none !important;
}
#nc-actions #divPager ul {
  display: block;
  float: left;
  width: 100% !important;
  background: none !important;
}
#nc-actions #divPager ul li {
  display: block;
  float: left;
  width: auto !important;
  padding: 0px !important;
}
#nc-actions table tbody#tbAnnouncement tr td p {
  margin-bottom: 10px !important;
}
#nc-actions table tbody#tbAnnouncement tr td p:first-child {
  display: block;
  font-weight: normal !important;
  margin-bottom: 5px !important;
  font-size: 13px;
  color: #666 !important;
}
#nc-actions table tbody#tbAnnouncement tr td a {
  border-bottom: none !important;
  margin-bottom: 5px !important;
}
#nc-actions table tbody#tbAnnouncement tr td a p strong {
  color: #c19b19 !important;
  font-size: 14px !important;
}
#nc-actions table tbody#tbAnnouncement tr td:hover a p strong {
  color: #30b983 !important;
}
#nc-actions table tbody tr td p em {
  border-left: 1px solid #aaa !important;
  padding-left: 10px !important;
  margin-left: 10px !important;
}
#nc-actions #divAgm table tbody tr td:nth-child(2) {
  width: 86px !important;
}
#nc-actions .modal-dialog {
  max-width: 500px !important;
}
#nc-actions #divIndexNewsPager ul {
  border-bottom: none !important;
}
#nc-actions #divIndexNewsPager ul li {
  padding: 0px !important;
}

#tblBrokerStockHoldings_wrapper {
  margin-top: 40px !important;
}

.graph-view.scrollable-area {
  margin-top: 40px !important;
}

#announcement-details {
  display: block !important;
  float: left;
  width: 100% !important;
  padding: 20px 20px !important;
  margin-bottom: 0px !important;
}
#announcement-details .ad-section {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 20px !important;
}
#announcement-details .ad-section p {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 5px !important;
}
#announcement-details .ad-section p strong {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 10px !important;
}
#announcement-details .ad-view {
  display: block;
  float: left;
  width: 100% !important;
}
#announcement-details .ad-view img {
  display: block;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
}
#announcement-details p {
  margin-bottom: 15px !important;
  line-height: 24px !important;
}
#announcement-details p strong {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 18px !important;
  margin-bottom: 10px !important;
}
#announcement-details img {
  margin-bottom: 10px !important;
  width: auto !important;
  display: block;
  width: auto !important;
  height: auto !important;
  margin-top: 20px !important;
  margin: 0 auto !important;
  overflow: scroll !important;
}
#announcement-details p.text-grey {
  margin-bottom: 10px !important;
  color: #666 !important;
}

img.img-circular {
  height: auto !important;
}

i.fa.fa-eraser {
  color: #fff !important;
}

#bbo-padding-inside #tabs {
  margin-bottom: 15px !important;
}
#bbo-padding-inside #tabs li {
  margin-right: 20px !important;
}
#bbo-padding-inside #tabs li a.show {
  padding: 10px 0px !important;
}
#bbo-padding-inside #tabs li a {
  padding: 0px !important;
}
#bbo-padding-inside table {
  border: none !important;
}
#bbo-padding-inside .dq-market-depth.sm-viz table thead {
  background: transparent !important;
}
#bbo-padding-inside .ui-group .button-group {
  margin-bottom: 0px !important;
}
#bbo-padding-inside .mm-visualization ul#tabs {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 0px !important;
  border-bottom: 1px solid #ddd !important;
  margin-bottom: -5px !important;
}

.dq-market-depth.sm-viz {
  display: block;
  float: left;
  width: 100% !important;
}
.dq-market-depth.sm-viz table#tblLegend thead tr {
  background: #ddd !important;
}
.dq-market-depth.sm-viz table thead {
  background: #f2f2f2 !important;
}

#mapInfo i {
  font-size: 18px !important;
}
#mapInfo span {
  font-size: 13px !important;
}

#treemap #mapInfo i.fa {
  margin-top: 4px !important;
}
#treemap .aspect16-9 {
  top: 10px !important;
}

#mo-tree-map #sw-performance {
  margin-top: 0px !important;
  padding: 0px 20px 0px 20px !important;
}
#mo-tree-map #sw-performance #treemap {
  margin-top: 0px !important;
  padding: 0px 0px !important;
}
#mo-tree-map #sw-performance .history-data #tabs li a.show {
  margin: 2px 0px 0px 0px !important;
}
#mo-tree-map .indices.nepse-performance.sub-indices-performance .history-data.tree-map {
  height: 930px !important;
}
#mo-tree-map .indices.nepse-performance.sub-indices-performance .history-data.tree-map #treemap .aspect16-9wrap {
  height: 880px !important;
}
#mo-tree-map .statistic-data {
  padding: 15px 0px !important;
}

.mv-fullscreen {
  padding: 0px 10px !important;
}

.live-data-refresh.mv-data-refresh {
  position: absolute;
  right: 0px !important;
  top: -26px !important;
}

.mm-visualization {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px 0px 0px 0px !important;
}
.mm-visualization .tab-content #treemap {
  padding: 0px 0px 0px 0px !important;
  overflow: hidden !important;
}
.mm-visualization .pull-right.date-range {
  display: block;
  margin: 0px !important;
}
.mm-visualization .pull-right.date-range .badge {
  font-weight: normal !important;
  padding: 5px !important;
  background: #fff !important;
  margin: 0px 5px 0px 0px !important;
}
.mm-visualization .pull-right.date-range .badge:hover {
  cursor: pointer !important;
  background: #c7f9e5 !important;
}
.mm-visualization .pull-right.date-range .badge-success {
  background: #36437e !important;
  color: #fff !important;
}
.mm-visualization .pull-right.date-range .badge-success:hover {
  background: #30b983 !important;
}
.mm-visualization .pull-right.node-filter {
  display: block;
  margin: 0px 40px 0px 10px !important;
  position: relative;
}
.mm-visualization .pull-right.node-filter:after {
  content: "";
  position: absolute;
  right: -10px !important;
  width: 2px !important;
  height: 25px !important;
  background: #9f9f9f !important;
}
.mm-visualization .pull-right.node-filter .badge {
  font-weight: normal !important;
  padding: 5px !important;
  background: #fff !important;
  margin: 0px 5px 0px 0px !important;
}
.mm-visualization .pull-right.node-filter .badge:hover {
  cursor: pointer !important;
  background: #c7f9e5 !important;
}
.mm-visualization .pull-right.node-filter .badge-success {
  background: #36437e !important;
  color: #fff !important;
}
.mm-visualization .pull-right.node-filter .badge-success:hover {
  background: #0e5e5e !important;
}

.m-visualization-effect {
  display: block;
  float: left;
  width: auto !important;
  margin: 5px 0px 4px 0px !important;
  background: #f1f1f1 !important;
  padding: 10px !important;
  border-radius: 5px !important;
}
.m-visualization-effect i.fa.fa-filter {
  font-size: 20px !important;
  animation: fade 2s linear infinite !important;
  color: #36437e !important;
}

.history-data .m-visualization-effect .pull-right.node-filter {
  margin: 0px !important;
  margin: 0px 10px 0px 10px !important;
}
.history-data .m-visualization-effect .pull-right.node-filter .badge {
  font-weight: normal !important;
  padding: 5px !important;
  cursor: pointer !important;
  margin: 0px 5px 0px 0px !important;
}
.history-data .m-visualization-effect .pull-right.node-filter .badge:hover {
  background: #2e4cd4 !important;
  color: #fff !important;
}
.history-data .m-visualization-effect .pull-right.node-filter .badge.badge-success:hover {
  background: #30b983 !important;
  color: #fff !important;
}
.history-data .m-visualization-effect .pull-right.date-range {
  margin: 0px !important;
  margin: 0px 10px 0px 10px !important;
}
.history-data .m-visualization-effect .pull-right.date-range .badge {
  font-weight: normal !important;
  padding: 5px !important;
  cursor: pointer !important;
  margin: 0px 5px 0px 0px !important;
}
.history-data .m-visualization-effect .pull-right.date-range .badge:hover {
  background: #2e4cd4 !important;
  color: #fff !important;
}
.history-data .m-visualization-effect .pull-right.date-range .badge.badge-success:hover {
  background: #30b983 !important;
  color: #fff !important;
}
.history-data #tabs {
  padding: 0px 1px !important;
  margin-top: 20px !important;
  float: left;
  width: 100% !important;
}
.history-data #tabs li {
  display: inherit;
  float: left;
  width: auto !important;
  margin-right: 20px !important;
}
.history-data #tabs li a {
  padding: 10px 0px !important;
  font-weight: bold;
  font-size: 14px !important;
  margin-right: 0px !important;
  padding: 0px 0px 8px 0px !important;
}
.history-data #tabs li a:hover {
  color: #666 !important;
}
.history-data #tabs li a.show {
  color: #666 !important;
  padding: 10px 0px !important;
  border-bottom: 2px solid #30b983;
  margin: 0px !important;
}
.history-data #tabs li a.active.show {
  padding: 0px 0px 8px 0px !important;
}
.history-data .row.broker-list {
  box-shadow: none !important;
}
.history-data .row.broker-list .po-news {
  padding: 0px 0px 20px !important;
}
.history-data .row.broker-list .po-news ul li {
  padding: 10px !important;
}
.history-data div#l-news .view-more {
  padding: 0px !important;
}
.history-data #losing-stock .gainer {
  width: 100% !important;
}
.history-data #losing-stock .looser {
  width: 100% !important;
}

#ia-tabs {
  box-shadow: none !important;
  padding: 0px !important;
}
#ia-tabs ul#interest_tabs {
  padding: 15px 0px !important;
}
#ia-tabs #b-chart .date-view {
  padding: 10px 0px !important;
}
#ia-tabs ul {
  border-bottom: 1px solid #ddd !important;
}
#ia-tabs #b-historical-data ul {
  border-bottom: none !important;
}
#ia-tabs #b-historical-data #index-historical-data {
  padding: 0px !important;
  box-shadow: none !important;
}

#index-subindex-performance {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  box-shadow: none !important;
  margin-bottom: 0px !important;
}
#index-subindex-performance .broker-list.stock-market-contact {
  margin: 0px !important;
  padding: 0px !important;
}
#index-subindex-performance .indices-inside-section {
  padding: 0px !important;
  box-shadow: none !important;
}
#index-subindex-performance .indices-inside-section table {
  margin-bottom: 0px !important;
}
#index-subindex-performance .indices-inside-section table tbody td span {
  border-radius: 5px !important;
}

#index-summary .broker-list.stock-market-contact {
  margin: 0px !important;
  padding: 0px !important;
}

.section-inside.indices-section.index-analysis-page #bbo-padding .indices-inside-section {
  padding: 0px !important;
  box-shadow: none !important;
}
.section-inside.indices-section.index-analysis-page #bbo-padding .indices-inside-section .indices.summary-turnover {
  padding: 5px 0px !important;
}
.section-inside.indices-section.index-analysis-page .indices-section.section-title.top-indices {
  padding: 0px 0px !important;
}

div#bbo-padding .indices-section.section-title.top-indices .indices-inside-section {
  box-shadow: none !important;
}

.select-field.analysis-select {
  width: 50% !important;
}

td.cell-loss span {
  color: #f13a3a !important;
}

td.cell-gain span {
  color: #1a7e56 !important;
}

td.cell-neutral span {
  background: #e4ebff !important;
  color: #0199da !important;
}

#mol-new {
  height: 380px !important;
}
#mol-new .investment-main {
  height: 325px !important;
  position: relative;
}
#mol-new .investment-main #new-section {
  padding: 10px 10px 0px 10px !important;
  height: 285px !important;
  overflow: scroll !important;
}
#mol-new .investment-main .view-more {
  position: absolute !important;
  bottom: 20px !important;
  margin: 0px !important;
  padding: 0px 10px !important;
}

#mio-equal {
  display: block;
  float: left;
  width: 100% !important;
  height: 500px !important;
  margin-bottom: 20px !important;
}
#mio-equal .indices-section.section-title {
  height: 500px !important;
}
#mio-equal #new-section {
  padding: 5px !important;
  height: auto !important;
}
#mio-equal .resp-tabs-container table tbody tr:hover {
  background: none !important;
}

.investment-main .view-more {
  margin: 0px !important;
  padding: 0px !important;
}

#horizontalTab .resp-tabs-container {
  height: 340px !important;
  overflow: scroll !important;
}

#horizontalTab1 .resp-tabs-container {
  height: 340px !important;
  overflow: scroll !important;
}

#mo-modal .modal-header {
  background: #30b983 !important;
  padding: 12px !important;
}
#mo-modal .modal-header h5 {
  color: #fff !important;
}
#mo-modal .modal-header button.close {
  top: 19px !important;
  position: absolute;
  right: 17px !important;
}
#mo-modal .modal-body tr td {
  padding: 5px !important;
}
#mo-modal .modal-body .indices-inside-section .data-table-row-cell[data-type*=looser] span {
  width: 80px !important;
}
#mo-modal .modal-body .indices-inside-section .data-table-row-cell[data-type*=gainer] span {
  width: 80px !important;
}
#mo-modal .modal-body .indices-inside-section .data-table-row-cell[data-type*=neutral] span {
  width: 80px !important;
}

#p-summary .indices-inside-section {
  padding: 0px 15px !important;
}
#p-summary .co-highlight {
  margin: 0px !important;
  padding: 0px !important;
}
#p-summary .co-highlight .co-highlight-block span {
  margin: 0px !important;
  font-weight: normal !important;
  font-size: 14px !important;
}
#p-summary #divPortSummary .indices.turnover {
  padding: 7px 5px 0px 5px !important;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#p-summary #divPortSummary .indices.turnover:hover p:first-child {
  font-size: 13px !important;
  font-weight: bold !important;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#p-summary #divPortSummary .indices P {
  margin-bottom: 5px !important;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#p-summary #divPortSummary .indices P:first-child {
  margin-bottom: 5px !important;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.co-chart-search {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 10px !important;
}
.co-chart-search .autocomplete {
  padding: 7px 10px !important;
}
.co-chart-search span.resetautocomplete {
  right: 0px !important;
  padding: 5px 10px !important;
}

.m-chart {
  padding: 0px !important;
  border-top: 3px solid #e0e3eb !important;
  border-right: 3px solid #e0e3eb !important;
}
.m-chart .apply-common-tooltip.customButton--jqJTfH5 img {
  width: 80% !important;
  text-align: center !important;
  margin: 0 auto !important;
  display: block;
}
.m-chart .date-view {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
}
.m-chart .date-view ul {
  display: block;
  float: left;
  width: 100% !important;
}
.m-chart .date-view ul li {
  display: block;
  float: left;
  width: auto !important;
  margin-right: 20px !important;
}
.m-chart .date-view ul li:first-child:hover a {
  color: #666 !important;
}
.m-chart .date-view ul li:last-child a {
  border-bottom: none !important;
}
.m-chart .date-view ul li a:hover {
  color: #666 !important;
}

.m-chart.m-chart-fullscreen {
  width: calc(100% - 58px) !important;
}

.apply-common-tooltip.customButton-LZaMRgb9 a img {
  width: 100% !important;
}

ul.index-block li:first-child {
  margin-right: 0px !important;
  border: none !important;
}

.mwr-floorsheet.h-data .tab-pane {
  overflow: hidden !important;
}
.mwr-floorsheet.h-data .tab-pane .indices-inside-section {
  overflow: hidden !important;
}

.mwr-floorsheet {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 0px !important;
}
.mwr-floorsheet .statistic-data {
  padding: 0px !important;
}
.mwr-floorsheet .broker-list.price-history {
  padding: 0px !important;
  box-shadow: none !important;
}
.mwr-floorsheet .broker-list table thead {
  background: #fff !important;
}
.mwr-floorsheet .broker-list table.table thead tr:last-child {
  background: #fff !important;
}

.mwr-floorsheet.h-data .tab-content .broker-list {
  padding: 0px !important;
  margin-top: 10px !important;
}
.mwr-floorsheet.h-data .as-section {
  border: none !important;
  background: none !important;
  padding: 0px !important;
  margin: -10px 0px 20px 0px !important;
  box-shadow: 0 10px 20px -20px rgba(52, 168, 66, 0.6) !important;
}
.mwr-floorsheet.h-data .as-section .h-data-search-section {
  padding: 20px 0px !important;
}
.mwr-floorsheet.h-data .as-section .daily-data p {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.mwr-floorsheet.h-data .as-section .daily-data:hover {
  box-shadow: none !important;
}
.mwr-floorsheet.h-data .as-section .daily-data:hover p {
  color: #fff !important;
  background: #30b983 !important;
}
.mwr-floorsheet.h-data .as-section .daily-data:hover i {
  color: #fff !important;
}
.mwr-floorsheet.h-data .as-section .history-active {
  box-shadow: none !important;
}
.mwr-floorsheet.h-data .as-of-date {
  padding: 10px 0px 0px 0px !important;
}
.mwr-floorsheet.h-data div#stock-date-range {
  margin: 5px 0px 20px 0px !important;
}

#tradesummary #divBrokerBreakDown {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 20px !important;
}
#tradesummary #divBrokerBreakDown p {
  margin-bottom: 10px !important;
}
#tradesummary .broker-search-form form {
  padding: 0px !important;
}
#tradesummary .broker-listing {
  padding-top: 0px !important;
}

.total-transaction.pull-right {
  display: block;
  float: left;
  width: 100% !important;
  margin: 20px 0px 0px !important;
}
.total-transaction.pull-right p {
  margin-bottom: 5px !important;
}

span#spnTotalAmt {
  font-weight: bold !important;
}

span#spnTotalQty {
  font-weight: bold !important;
}

#floorsheet .input-group-append a {
  height: 35px !important;
}

#divMarketDepth .broker-list.md-title {
  box-shadow: none !important;
  padding: 0px !important;
  margin-bottom: 30px !important;
}
#divMarketDepth .broker-list.md-title .dq-details.res-table.broker-list {
  margin: 0px !important;
}

.mwr-section {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 10px !important;
}
.mwr-section .dq-details {
  padding: 0px !important;
  margin: 0px 0px 0px 0px !important;
  border-top: none !important;
}
.mwr-section #divStockSummaryBox .as-of-date {
  padding-left: 0px !important;
}
.mwr-section #divStockSummaryBox .dq-details table tbody tr td span.plus:before {
  top: 89px !important;
  left: 102px !important;
  top: 89px !important;
  left: 144px !important;
}
.mwr-section .statistic-data .progress-section {
  margin-top: 0px !important;
}
.mwr-section table {
  margin-bottom: 0px !important;
}

.mwr-title {
  display: block;
  float: left;
  width: 100% !important;
}

.as-of-date p {
  font-size: 13px !important;
  padding: 0px !important;
}

.h-date .justify-content-md-center {
  display: block;
  float: left;
  width: 100% !important;
}
.h-date .justify-content-md-center form {
  display: block;
  float: left;
  width: 100% !important;
}
.h-date .justify-content-md-center form .advanced-search-form {
  display: block;
  float: left;
  width: 100% !important;
}
.h-date .justify-content-md-center form .advanced-search-form label {
  display: block;
  float: left;
  width: 50% !important;
}
.h-date .justify-content-md-center form .advanced-search-form input {
  display: block;
  float: left;
  width: 50% !important;
}

.h-data-search-section {
  display: block;
  float: left;
  width: 100% !important;
  padding: 20px 0px 10px !important;
}

.daily-data {
  display: block;
  float: left;
  width: 100% !important;
  display: block;
  float: left;
  width: 100% !important;
  position: relative !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.daily-data form {
  display: block;
  float: left;
  width: 100% !important;
  height: 180px !important;
  display: block;
  float: left;
  width: 100% !important;
  border: 1px solid #ddd !important;
  padding: 10px !important;
  border-top: none !important;
  background: #fff !important;
}
.daily-data form .form-group {
  display: block;
  float: left;
  width: 100% !important;
}
.daily-data form .form-group label {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 14px !important;
  font-weight: normal !important;
  margin-bottom: 0px !important;
  width: 20%;
}
.daily-data form .form-group .input-group input {
  margin: 0px !important;
  border-radius: 0px !important;
  background: #fff !important;
  padding: 10px !important;
  height: 32px !important;
}
.daily-data form .form-group .input-group input:focus {
  box-shadow: none !important;
  border: 1px solid #d8ba58 !important;
}
.daily-data form .form-group .input-group .btn-secondary {
  background-color: #30b983;
  border-color: #30b983;
  margin-left: 0px !important;
}
.daily-data form .form-group select {
  margin: 0px !important;
  border-radius: 0px !important;
  background: #fff !important;
  padding: 5px !important;
  height: 32px !important;
  font-size: 13px !important;
}
.daily-data form .form-group select:focus {
  box-shadow: none !important;
  border: 1px solid #d8ba58 !important;
}
.daily-data form .form-group select#ddlStockFromMonthFilter {
  display: block;
  float: left;
  width: 47% !important;
  margin-right: 7px !important;
  font-size: 13px !important;
}
.daily-data form .form-group select#ddlStockToMonthFilter {
  display: block;
  float: left;
  width: 47% !important;
  margin-right: 7px !important;
  font-size: 13px !important;
}
.daily-data form .form-group select#ddlIndexFromMonthFilter {
  display: block;
  float: left;
  width: 47% !important;
  margin-right: 7px !important;
  font-size: 13px !important;
}
.daily-data form .form-group select#ddlIndexToMonthFilter {
  display: block;
  float: left;
  width: 47% !important;
  margin-right: 7px !important;
  font-size: 13px !important;
}
.daily-data form .form-group select#ddlStockFromYearFilter {
  display: block;
  float: left;
  width: 47% !important;
  margin-left: 7px;
  font-size: 13px !important;
}
.daily-data form .form-group select#ddlStockToYearFilter {
  display: block;
  float: left;
  width: 47% !important;
  margin-left: 7px;
  font-size: 13px !important;
}
.daily-data form .form-group select#ddlIndexFromYearFilter {
  display: block;
  float: left;
  width: 47% !important;
  margin-left: 7px;
  font-size: 13px !important;
}
.daily-data form .form-group select#ddlIndexToYearFilter {
  display: block;
  float: left;
  width: 47% !important;
  margin-left: 7px;
  font-size: 13px !important;
}
.daily-data form .form-group button {
  margin-right: 10px !important;
  margin-left: 0px !important;
  margin-left: 0px;
  margin-left: 10px;
  width: auto !important;
  background: #999 !important;
  border: none !important;
  padding: 5px 10px !important;
  color: #fff !important;
}
.daily-data form .form-group button:focus {
  box-shadow: none !important;
}
.daily-data form .form-group button:hover {
  background: #555 !important;
}
.daily-data form .form-group input {
  border: 1px solid #ddd !important;
  padding: 5px !important;
  margin-left: 10px !important;
  width: 70% !important;
}
.daily-data:hover {
  box-shadow: 0 2px 25px 0 rgba(33, 33, 33, 0.15) !important;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.daily-data p {
  font-size: 14px !important;
  background: #f6f6f6 !important;
  border: 1px solid #ddd !important;
  padding: 10px !important;
}
.daily-data i {
  position: absolute !important;
  font-size: 22px !important;
  right: 10px !important;
  top: 10px !important;
}

.daily-data.history-active form {
  height: 180px !important;
}

.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.9) !important;
  opacity: 0.9 !important;
}

#divLimit {
  display: block;
  float: left;
  width: 100% !important;
}
#divLimit .dataTables_length {
  margin-top: 0px !important;
  margin-bottom: 10px !important;
  padding: 0px 10px;
}
#divLimit #example2_length {
  display: block;
  float: left;
  width: 100% !important;
}
#divLimit #example2_length label {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 0px !important;
}
#divLimit #example2_length label span {
  display: block;
  float: left;
  width: auto !important;
  margin-top: 4px !important;
}
#divLimit #example2_length label select {
  display: block;
  float: left;
  width: 70px !important;
  border-radius: 0px !important;
  margin: 0px 5px;
}

#hd-adsf {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 0px !important;
}
#hd-adsf span.resetautocomplete {
  right: 10px !important;
  top: 11px !important;
  padding: 8px 10px !important;
}
#hd-adsf select {
  margin-bottom: 0px !important;
  border-radius: 0px !important;
}
#hd-adsf select:focus {
  box-shadow: none !important;
  border: 1px solid #f5d642 !important;
  border-right: solid 5px #f5d642 !important;
}

#daily-stock-data a.dbOpenButton.btn.btn-secondary {
  height: 31px !important;
}

#daily-index-data a.dbOpenButton.btn.btn-secondary {
  height: 31px !important;
}

div#ui-datepicker-div {
  width: 315px;
}

#calender .pignose-calendar.pignose-calendar-blue {
  background: #fff !important;
}
#calender .pignose-calendar.pignose-calendar-blue .pignose-calendar-top {
  display: block;
  float: left;
  width: 100% !important;
  background-color: #30b983 !important;
  padding: 24px 0px !important;
}
#calender .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a {
  background: #30b983 !important;
  box-shadow: none !important;
  border-radius: 50% !important;
}
#calender .pignose-calendar.pignose-calendar-blue.pignose-calendar-default {
  display: block;
  max-width: 96% !important;
  margin-bottom: 10px !important;
}
#calender .pignose-calendar-header {
  background: #eaeaea !important;
  margin: 0px !important;
  padding: 5px !important;
}
#calender .pignose-calendar .pignose-calendar-body {
  padding: 5px !important;
}
#calender .pignose-calendar .pignose-calendar-unit {
  height: 45px !important;
  line-height: 0px !important;
}
#calender .pignose-calendar .pignose-calendar-unit .pignose-calendar-button-schedule-container {
  line-height: 10px !important;
}
#calender .pignose-calendar-unit.pignose-calendar-unit-date a {
  padding: 8px !important;
}
#calender span.pignose-calendar-button-schedule-pin.pignose-calendar-button-schedule-pin-event {
  background-color: #30b983 !important;
  cursor: pointer !important;
}
#calender .tblbox p#xclose {
  background: transparent !important;
  padding: 0px !important;
  text-align: right !important;
  position: absolute;
  top: 30% !important;
  right: 19px !important;
  z-index: 9 !important;
  padding: 0px 5px !important;
  background: #656565 !important;
  width: auto;
  color: #fff !important;
  cursor: pointer !important;
}
#calender .tblbox .schedules-date {
  display: block;
  width: 92% !important;
  background: #f2f2f2 !important;
  padding: 10px !important;
  position: absolute;
  z-index: 8 !important;
  margin: 0 auto !important;
  top: 30% !important;
  left: 19px !important;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1) !important;
  height: 300px !important;
  overflow: scroll !important;
}
#calender .tblbox .schedules-date p {
  background: none !important;
}
#calender .tblbox .schedules-date ul li h3 a {
  padding-right: 20px !important;
  color: #30b983 !important;
}
#calender .view-more a {
  padding: 5px 20px !important;
}

#stock-calendar #bbo-padding #schedules {
  margin-top: 10px !important;
}
#stock-calendar #bbo-padding #schedules .pignose-calendar {
  margin: 0px !important;
}
#stock-calendar #bbo-padding #sc-events {
  margin-top: 10px !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
  padding: 0px !important;
  box-shadow: none !important;
}
#stock-calendar #bbo-padding #sc-events .tab-content {
  padding: 0px !important;
}
#stock-calendar #bbo-padding #sc-events #stock-calendar-list {
  padding: 0px !important;
}
#stock-calendar .pignose-calendar.pignose-calendar-blue {
  background: #fff !important;
}
#stock-calendar .pignose-calendar.pignose-calendar-blue .pignose-calendar-top {
  display: block;
  float: left;
  width: 100% !important;
  background-color: #30b983 !important;
  padding: 24px 0px !important;
}
#stock-calendar .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a {
  background: #30b983 !important;
  box-shadow: none !important;
  border-radius: 50% !important;
}
#stock-calendar .pignose-calendar.pignose-calendar-blue.pignose-calendar-default {
  display: block;
  max-width: 96% !important;
  margin-bottom: 10px !important;
}
#stock-calendar .pignose-calendar-header {
  background: #eaeaea !important;
  margin: 0px !important;
  padding: 5px !important;
}
#stock-calendar .pignose-calendar .pignose-calendar-body {
  padding: 5px !important;
}
#stock-calendar .pignose-calendar .pignose-calendar-unit {
  height: 55px !important;
  line-height: 0px !important;
}
#stock-calendar .pignose-calendar .pignose-calendar-unit .pignose-calendar-button-schedule-container {
  line-height: 10px !important;
}
#stock-calendar .pignose-calendar-unit.pignose-calendar-unit-date a {
  padding: 8px !important;
}
#stock-calendar span.pignose-calendar-button-schedule-pin.pignose-calendar-button-schedule-pin-event {
  background-color: #30b983 !important;
  cursor: pointer !important;
}
#stock-calendar #schedules .tblbox {
  height: 395px !important;
  overflow: scroll !important;
}
#stock-calendar .tblbox {
  padding: 10px !important;
  position: absolute !important;
  top: 25% !important;
  width: 95% !important;
  float: left !important;
  left: 0% !important;
  margin: 0px !important;
}
#stock-calendar .schedules-date ul li h3 a {
  color: #30b983 !important;
}

.stock-calender-section #schedules {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px !important;
  padding: 0px 0px !important;
}
.stock-calender-section #schedules .tblbox {
  padding: 20px 10px 0px !important;
  z-index: 999 !important;
  left: 10px;
  top: 24% !important;
  width: 94% !important;
}

#sc-events ul#tabs {
  display: block;
  float: left;
  width: 100% !important;
  border-bottom: 1px solid #ddd !important;
  padding: 0px 0px 0px !important;
  margin-bottom: 0px !important;
}
#sc-events ul#tabs li a {
  padding: 15px 0px !important;
}
#sc-events ul#tabs li a.show {
  padding: 15px 0px !important;
}
#sc-events .tab-content {
  display: block;
  float: left;
  width: 100% !important;
  padding: 15px !important;
}

#ulThisMonthStockEvents p {
  padding: 10px 0px !important;
  background: transparent !important;
}

#calculator-result {
  margin: 0 auto !important;
}
#calculator-result .modal-content {
  border: none !important;
}
#calculator-result .modal-content .modal-header {
  padding: 10px !important;
  background: #36437e !important;
}
#calculator-result .modal-content .modal-header h5 {
  padding: 0px !important;
}
#calculator-result .modal-header button.close {
  padding: 7px 15px !important;
}
#calculator-result .modal-header button.close span {
  font-size: 30px !important;
  font-weight: normal !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#calculator-result .modal-header button.close span:hover {
  transition: all 0.5s ease-in-out !important;
  transform: rotate(90deg) !important;
}
#calculator-result .calculator-result {
  display: block;
  float: left;
  padding: 10px !important;
}
#calculator-result .calculator-result table {
  margin-bottom: 0px !important;
  width: 100% !important;
}
#calculator-result .calculator-result table tbody tr {
  border-bottom: 1px dotted #d2d2d2 !important;
}
#calculator-result .calculator-result table tbody tr:last-child {
  border-bottom: none !important;
  background: #f1f1f1 !important;
}
#calculator-result .calculator-result table tbody tr:last-child th {
  color: #333 !important;
}
#calculator-result .calculator-result table tbody tr:last-child td {
  color: #333 !important;
}
#calculator-result .calculator-result table tbody th {
  border: none !important;
  padding: 5px !important;
  font-size: 14px !important;
  font-weight: normal !important;
}
#calculator-result .calculator-result table tbody td {
  border: none !important;
  padding: 5px !important;
  font-size: 14px !important;
  font-weight: normal !important;
  color: #333 !important;
}
#calculator-result .calculator-result .calculator-conclusion {
  padding: 10px 0px;
}
#calculator-result .calculator-result .calculator-conclusion p {
  margin: 0px !important;
  display: block;
  float: left;
  width: 100% !important;
  font-size: 14px !important;
  line-height: 22px !important;
  border: 1px solid #ddd !important;
  padding: 10px !important;
  background: #f7f7f7;
}
#calculator-result .modal-footer {
  display: none !important;
}

.calculator-form form#calcForm .form-group label {
  font-size: 15px !important;
  text-shadow: none !important;
}

ul.pagination {
  display: block;
  width: 100% !important;
  margin-bottom: 0px !important;
}
ul.pagination li.active {
  display: inline !important;
}
ul.pagination li.active a {
  color: #fff !important;
  background: #36437e !important;
  border: 1px solid #36437e !important;
}
ul.pagination li {
  display: inline !important;
  width: auto !important;
  float: left !important;
}

#ss-search-form .form-group {
  padding: 0px !important;
}
#ss-search-form form .form-group span.selection .select2-selection.select2-selection--multiple {
  min-height: 35px !important;
  border: 1px solid #ddd !important;
}
#ss-search-form form .form-group span.selection .select2-selection.select2-selection--multiple textarea {
  margin: 7px 10px !important;
}
#ss-search-form form .form-group span.selection span.select2-selection.select2-selection--multiple ul li {
  margin: 4px !important;
  padding: 4px 0px 4px 10px !important;
}
#ss-search-form form .form-group span.selection textarea.select2-search__field {
  margin: 8px 10px !important;
}
#ss-search-form form .form-group span.selection textarea.select2-search__field::placeholder {
  color: #36437e !important;
}
#ss-search-form form .form-group button.select2-selection__choice__remove {
  background: transparent !important;
  padding: 3px 0px 3px 3px !important;
  height: auto !important;
}
#ss-search-form .select2-container--default .select2-selection--single {
  border-radius: 0px !important;
}
#ss-search-form .select2-container--default .select2-selection--single:focus {
  box-shadow: none !important;
}
#ss-search-form span.select2-selection.select2-selection--multiple {
  border-radius: 0px !important;
}
#ss-search-form input.select2-search__field {
  margin: 5px !important;
  border-radius: 0px !important;
}

.broker-listing.broker-breakdown.stock-trade-broker {
  padding: 10px 0px 0px 0px !important;
}
.broker-listing.broker-breakdown.stock-trade-broker #divItemsPerPage {
  padding: 0px 10px !important;
}
.broker-listing.broker-breakdown.stock-trade-broker .broker-list.price-history.financials {
  box-shadow: none !important;
  margin-bottom: 0px !important;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #ddd !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-left: -20px !important;
  left: 96% !important;
  top: 72% !important;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 5px !important;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  padding: 7px 7px !important;
}
.select2-container--default .select2-search {
  width: 100% !important;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
  text-transform: capitalize !important;
}

.sticky-table table th.sticky-cell {
  background: #f5f5f5 !important;
  height: auto !important;
  width: 1px !important;
  border-right: 1px solid #f5f5f5 !important;
}
.sticky-table table td.sticky-cell:before {
  content: "";
  background: #ddd !important;
  height: 50px !important;
  width: 1px !important;
  position: absolute;
  right: 0px !important;
  top: 0px !important;
}
.sticky-table table td.sticky-cell span:before {
  content: "";
  background: #ddd !important;
  height: 78px !important;
  width: 1px !important;
  position: absolute;
  right: 0px !important;
  top: 0px !important;
}

.price-perf .price-perf-detail {
  position: absolute;
  top: 24px !important;
  display: block;
  height: 75px !important;
  left: 0px !important;
}

.screener-data.scrollable-area.sticky-table.sticky-ltr-cells table tr td .price-perf a span {
  padding: 0px !important;
  width: 20px !important;
  height: 20px !important;
}
.screener-data.scrollable-area.sticky-table.sticky-ltr-cells::-webkit-scrollbar {
  width: 5px !important;
}
.screener-data.scrollable-area.sticky-table.sticky-ltr-cells::-webkit-scrollbar:horizontal {
  height: 10px !important;
}

td .price-perf .price-perf-detail {
  z-index: 999 !important;
}

.near-hl-section {
  display: block;
  float: left !important;
  width: 100% !important;
  margin: 0px 0px 40px 0px !important;
}

.near-hl-form {
  padding: 0px !important;
}

#near-hl {
  display: block;
  float: left !important;
  width: 100% !important;
}
#near-hl #myTabContent {
  display: block;
  float: left !important;
  width: 100% !important;
}
#near-hl .co-navigation ul#highLowTab li a {
  padding: 10px !important;
  display: block !important;
  background: transparent !important;
  color: #36437e !important;
  font-size: 15px !important;
  font-weight: normal !important;
  border-bottom: 2px solid #fff !important;
}
#near-hl .co-navigation ul#highLowTab li a:hover {
  color: #666 !important;
}
#near-hl .co-navigation ul#highLowTab li a.active {
  border-bottom: 2px solid #36437e !important;
  margin-left: 0px !important;
  color: #36437e !important;
}
#near-hl .co-navigation ul#highLowTab li a.active:before {
  background: none !important;
  display: none !important;
}
#near-hl .stock-screener .screener-data {
  min-height: 400px;
  max-height: 70vh !important;
}

#divHighData {
  display: block;
  float: left !important;
  width: 100% !important;
}
#divHighData table thead tr {
  padding: 10px 0px !important;
}
#divHighData table thead tr th {
  padding: 15px 10px !important;
}
#divHighData table thead tr th:first-child {
  width: 10% !important;
}

#divLowData {
  display: block;
  float: left !important;
  width: 100% !important;
}
#divLowData table thead tr {
  padding: 10px 0px !important;
}
#divLowData table thead tr th {
  padding: 15px 10px !important;
}
#divLowData table thead tr th:first-child {
  width: 10% !important;
}

.financial-screnner {
  display: block;
  float: left;
  width: 100% !important;
}
.financial-screnner form .form-group select {
  padding: 5px 10px !important;
}
.financial-screnner form .form-group select:focus {
  border: 1px solid #30b983 !important;
}
.financial-screnner form .form-group .select2-container--default .select2-selection--multiple {
  display: block;
  float: left;
  width: 100% !important;
  padding: 5px 10px !important;
  margin: 0px !important;
  border-radius: 0px !important;
  border: 1px solid #ced4da !important;
  min-height: 35px !important;
  max-height: 140px !important;
  overflow-y: scroll !important;
}
.financial-screnner form .form-group .select2-container--default .select2-selection--multiple ul li {
  margin: 0px 5px 5px 0px !important;
  padding: 5px 5px 5px 15px !important;
}
.financial-screnner form .form-group .select2-container--default .select2-selection--multiple ul li button.select2-selection__choice__remove {
  padding: 7px !important;
  height: 20px !important;
  margin: 0px 0px 0px 0px !important;
}
.financial-screnner form .form-group .select2-container--default .select2-selection--multiple ul li button.select2-selection__choice__remove span {
  position: absolute !important;
  top: 5px !important;
  left: 4px;
  color: #fff !important;
}
.financial-screnner form .form-group .select2-container--default .select2-selection--multiple ul li span {
  font-size: 13px !important;
}
.financial-screnner form .form-group .select2-container--default .select2-selection--multiple textarea {
  margin: 3px 0px 0px 0px !important;
}
.financial-screnner form .form-group .select2-container--default:focus {
  border: 1px solid #30b983 !important;
}
.financial-screnner form .form-group .select2-selection--multiple:focus {
  border: 1px solid #30b983 !important;
}
.financial-screnner form .financial-search-btn {
  float: right !important;
}
.financial-screnner form .financial-search-btn button {
  width: 100% !important;
  margin: 0px 0px 3px 0px !important;
}

.stock-trade-broker {
  display: block;
  float: left;
  width: 100% !important;
}
.stock-trade-broker .broker-list.financial-tab-data ul li {
  width: auto !important;
  padding: 0px !important;
}
.stock-trade-broker .broker-list.financial-tab-data ul li a {
  padding: 10px !important;
}
.stock-trade-broker .broker-list.financial-tab-data ul li a:before {
  background: none !important;
}
.stock-trade-broker .broker-list.financial-tab-data ul li a:hover {
  color: #666 !important;
}
.stock-trade-broker .broker-list.financial-tab-data ul li a.active {
  border-bottom: 2px solid #36437e !important;
  margin-left: 0px !important;
  color: #36437e !important;
}
.stock-trade-broker .broker-list ul li {
  display: block;
  float: left;
  width: 16.6% !important;
}
.stock-trade-broker .broker-list ul.pagination li {
  display: block;
  float: left;
  width: auto !important;
}

.financial-tab-data #myTabContent table thead tr.sticky-header th {
  position: sticky !important;
  position: -webkit-sticky !important;
  position: -ms-sticky !important;
}
.financial-tab-data #myTabContent table thead tr.sticky-header th:last-child {
  right: 0px !important;
  z-index: 10;
  background: #fff !important;
  padding: 5px 10px 0px 10px !important;
}
.financial-tab-data #myTabContent table tbody tr td:last-child {
  position: relative;
  right: 0px !important;
  z-index: 0;
  background: #fff !important;
  padding: 8px 10px 0px 10px !important;
}
.financial-tab-data #myTabContent table tbody tr td:last-child .high-low-avg data .avg[style] {
  left: 100px !important;
}
.financial-tab-data #myTabContent table tbody tr td span.item-bold {
  font-weight: bold !important;
  white-space: normal !important;
}
.financial-tab-data #myTabContent table tbody tr.heading td {
  border-right: none !important;
}
.financial-tab-data #myTabContent table tbody tr.heading td span {
  font-weight: bold !important;
}

.financials #divFundamentalSignal .screener-data {
  min-height: 400px;
  max-height: 70vh !important;
}

.pivotscreener tbody tr td.sticky-cell {
  width: 9% !important;
}

.badge-success {
  font-weight: normal !important;
  font-size: 13px !important;
  background: #30b983 !important;
}
.badge-success a {
  color: #fff !important;
  font-size: 13px !important;
}
.badge-success a:hover {
  color: #fff !important;
  text-decoration: none !important;
}
.badge-success:hover a {
  color: #fff !important;
  text-decoration: none !important;
}

.badge-danger {
  font-weight: normal !important;
  font-size: 13px !important;
}

.badge-primary {
  font-weight: normal !important;
  font-size: 13px !important;
}

#companyPopup .tooltip-header .add-watchlist {
  display: block;
  float: left;
  width: auto !important;
}
#companyPopup .tooltip-header .add-watchlist a.watchlist {
  display: block;
  float: left;
  margin: 0px 0px 0px 10px !important;
}
#companyPopup .tooltip-header .add-watchlist a.watchlist:last-child {
  float: right;
}

#stockAlertModal .modal-header h1 {
  color: #fff !important;
}
#stockAlertModal .modal-header button {
  background: #444 !important;
  padding: 13px 15px 14px 15px !important;
  top: 16px !important;
  position: absolute;
  right: 16px !important;
  z-index: 99999;
}

.dividend-analysis-section {
  display: block;
  float: left;
  width: 100% !important;
}
.dividend-analysis-section .dividend-table {
  display: block;
  float: left;
  width: 100% !important;
}
.dividend-analysis-section .dividend-table .pull-right i.fa.fa-circle.text-success {
  color: #30b983 !important;
}
.dividend-analysis-section .dividend-table .pull-right i.fa.fa-circle.text-danger {
  color: #f13a3a !important;
  margin-left: 15px !important;
}
.dividend-analysis-section .dividend-table table#tblDividendAnalysis thead tr {
  position: sticky !important;
}
.dividend-analysis-section .dividend-table table#tblDividendAnalysis thead tr th {
  background: #fdfdfd !important;
  padding: 10px !important;
}
.dividend-analysis-section .dividend-table table#tblDividendAnalysis thead tr th.text-center:last-child {
  padding: 0px !important;
}
.dividend-analysis-section .dividend-table table#tblDividendAnalysis thead tr th.text-center i {
  animation: text1 2s linear infinite !important;
  background: #30b983;
  color: #fff !important;
  padding: 12px !important;
  font-size: 22px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.dividend-analysis-section .dividend-table table#tblDividendAnalysis tbody tr {
  border: none !important;
}
.dividend-analysis-section .dividend-table table#tblDividendAnalysis tbody tr td {
  padding: 20px 10px !important;
}
.dividend-analysis-section .dividend-table table#tblDividendAnalysis tbody tr td.graph-icon.text-center:hover {
  cursor: pointer !important;
}
.dividend-analysis-section .dividend-table table#tblDividendAnalysis tbody tr td.graph-icon.text-center i {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  color: #30b983 !important;
}
.dividend-analysis-section .dividend-table table#tblDividendAnalysis tbody tr:hover td.graph-icon.text-center i {
  color: #30b983 !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font-size: 18px !important;
}
.dividend-analysis-section .dividend-table table#tblDividendAnalysis tbody tr td.text-success {
  color: #30b983 !important;
}
.dividend-analysis-section .dividend-table table#tblDividendAnalysis tbody tr.dividend-graph {
  background: #e7f4e5 !important;
  border-bottom: none !important;
  padding: 0px !important;
}
.dividend-analysis-section .dividend-table table#tblDividendAnalysis tbody tr.dividend-graph:hover {
  background: #e7f4e5 !important;
}
.dividend-analysis-section .dividend-table table#tblDividendAnalysis tbody tr.dividend-graph td {
  padding: 0px 0px !important;
}
.dividend-analysis-section .dividend-table table#tblDividendAnalysis tbody tr.dividend-graph td .highcharts-container {
  padding: 0px 0px !important;
}

.modal-investment .modal-header {
  padding: 12px !important;
  background: #36437e !important;
}
.modal-investment .modal-header h3 {
  font-size: 15px !important;
  font-weight: normal !important;
}

#myTabContent #b-stock {
  height: 775px !important;
}
#myTabContent #b-stock ul.pagination {
  position: absolute !important;
  bottom: 10px !important;
}
#myTabContent #b-stock .ipo-data {
  height: 640px !important;
  overflow: scroll !important;
}
#myTabContent #b-stock .ipo-data::-webkit-scrollbar {
  width: 5px !important;
}
#myTabContent #b-stock .ipo-data::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
#myTabContent button.btn-collapse {
  left: 10px !important;
}
#myTabContent button.btn-collapse i.fa.fa-angle-left {
  rotate: 180deg !important;
}
#myTabContent button.btn-collapse.collapsed i.fa.fa-angle-right {
  rotate: 180deg !important;
}
#myTabContent table tbody tr:hover {
  background: transparent !important;
}
#myTabContent table tbody tr td h4 {
  font-weight: bold !important;
  font-size: 14px !important;
  margin-bottom: 5px !important;
}
#myTabContent table tbody tr td em {
  display: block;
  float: left !important;
  width: 100% !important;
  margin-bottom: 5px !important;
}
#myTabContent table tbody tr td span {
  font-weight: normal !important;
}
#myTabContent table tbody tr td span:hover {
  cursor: pointer !important;
}
#myTabContent ul.pagination li a {
  background: transparent !important;
  margin: 0px !important;
  padding: 10px 12px !important;
  color: #000 !important;
}
#myTabContent ul.pagination li a:focus {
  box-shadow: none !important;
}
#myTabContent ul.pagination li:hover a {
  background: #f1f1f1 !important;
  color: #000 !important;
}
#myTabContent ul.pagination li.active a {
  background: #ddd !important;
  border: 1px solid #ddd !important;
  padding: 10px 12px !important;
  color: #36437e !important;
  margin-right: 10px !important;
  font-size: 14px !important;
  margin: 0px !important;
}
#myTabContent ul.pagination li.active a:focus {
  box-shadow: none !important;
}

#schedules {
  padding: 20px 10px 0px !important;
  z-index: 999 !important;
  left: 10px;
  top: 47% !important;
  width: 94% !important;
}
#schedules .schedules-date {
  height: 345px !important;
  overflow: scroll !important;
  width: 100% !important;
}
#schedules .schedules-date table {
  width: 100% !important;
}
#schedules .schedules-date table tbody tr td:first-child {
  width: 15% !important;
  font-size: 13px !important;
}
#schedules .schedules-date::-webkit-scrollbar {
  width: 5px !important;
}
#schedules p#xclose {
  position: absolute;
  right: 0px !important;
  top: 0px !important;
}

.ipo-calender {
  display: block;
  float: left !important;
  width: 100% !important;
  padding: 10px 0px 0px !important;
}
.ipo-calender #schedules {
  padding: 0px 0px !important;
  z-index: 999 !important;
  left: 10px;
  top: 47% !important;
  width: 100% !important;
}
.ipo-calender ul {
  display: block;
  float: left !important;
  width: 100% !important;
  margin-bottom: 0px !important;
}
.ipo-calender ul li {
  display: inline;
  float: left !important;
  width: 33% !important;
}
.ipo-calender ul li em.open {
  display: block;
  margin: 0 auto !important;
  height: 10px;
  width: 10px;
  text-align: center !important;
  background: #30b983 !important;
  margin-bottom: 5px !important;
  border-radius: 50% !important;
}
.ipo-calender ul li em.event-closed {
  display: block;
  margin: 0 auto !important;
  height: 10px;
  width: 10px;
  border-radius: 50% !important;
  text-align: center !important;
  background: #f13a3a !important;
  margin-bottom: 5px !important;
}
.ipo-calender ul li em.listing {
  display: block;
  margin: 0 auto !important;
  height: 10px;
  width: 10px;
  border-radius: 50% !important;
  text-align: center !important;
  background: #7cb5cc !important;
  margin-bottom: 5px !important;
}
.ipo-calender ul li em.dividend {
  display: block;
  margin: 0 auto !important;
  height: 10px;
  width: 10px;
  border-radius: 50% !important;
  text-align: center !important;
  background: #4cb9df !important;
  margin-bottom: 5px !important;
}
.ipo-calender ul li em.ipo {
  display: block;
  margin: 0 auto !important;
  height: 10px;
  width: 10px;
  border-radius: 50% !important;
  text-align: center !important;
  background: #4c51df !important;
  margin-bottom: 5px !important;
}
.ipo-calender ul li em.fpo {
  display: block;
  margin: 0 auto !important;
  height: 10px;
  width: 10px;
  border-radius: 50% !important;
  text-align: center !important;
  background: #ffd55f !important;
  margin-bottom: 5px !important;
}
.ipo-calender ul li em.auction {
  display: block;
  margin: 0 auto !important;
  height: 10px;
  width: 10px;
  border-radius: 50% !important;
  text-align: center !important;
  background: #e6ac90 !important;
  margin-bottom: 5px !important;
}
.ipo-calender ul li em.right {
  display: block;
  margin: 0 auto !important;
  height: 10px;
  width: 10px;
  border-radius: 50% !important;
  text-align: center !important;
  background: #dd90e6 !important;
  margin-bottom: 5px !important;
}
.ipo-calender ul li p {
  display: block;
  float: left !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 13px !important;
}
.ipo-calender img {
  display: block;
  float: left !important;
  width: 100% !important;
}

#divMoverData .grid.grid-view {
  height: 800px !important;
  overflow: scroll !important;
}
#divMoverData .grid.grid-view::-webkit-scrollbar {
  width: 5px !important;
  height: 10px !important;
}

#divWatchlist {
  height: 800px !important;
  overflow: scroll !important;
}
#divWatchlist::-webkit-scrollbar {
  width: 5px !important;
  height: 10px !important;
}

#divPortfolio {
  height: 800px !important;
  overflow: scroll !important;
}
#divPortfolio::-webkit-scrollbar {
  width: 5px !important;
}
#divPortfolio::-webkit-scrollbar:horizontal {
  height: 10px !important;
}

section.cnt.cnt-fullscreen div#divMoverData .grid.grid-view {
  height: 3200px !important;
  overflow: scroll !important;
}
section.cnt.cnt-fullscreen div#divMoverData .market-mover-summary {
  height: 1200px !important;
  overflow: scroll !important;
}
section.cnt.cnt-fullscreen div#divMoverData #gainers {
  height: 300px !important;
}
section.cnt.cnt-fullscreen div#divMoverData #losers {
  height: 300px !important;
}
section.cnt.cnt-fullscreen div#divMoverData #turnover {
  height: 300px !important;
}
section.cnt.cnt-fullscreen div#divMoverData #sharestraded {
  height: 300px !important;
}
section.cnt.cnt-fullscreen div#divWatchlist .grid.grid-view {
  height: 3200px !important;
  overflow: scroll !important;
}
section.cnt.cnt-fullscreen div#divPortfolio .grid.grid-view {
  height: 3200px !important;
  overflow: scroll !important;
}

.financial-search-form .search-item .btn-group .active {
  background: #36437e !important;
  border-radius: 5px !important;
}
.financial-search-form .search-item .btn-group:focus {
  box-shadow: none !important;
}
.financial-search-form .search-item .btn-group .btn:hover {
  border-color: transparent !important;
  border-radius: 5px !important;
}
.financial-search-form .search-item .btn-group button.btn:hover span {
  color: #fff !important;
}
.financial-search-form .search-item.primary-search .btn-group .active {
  background: #c19b19 !important;
  background: #1c7553 !important;
}
.financial-search-form .search-item.primary-search .btn-group .active:focus {
  background: #1c7553 !important;
}
.financial-search-form .search-item.primary-search .btn-group .btn:hover {
  background: #c19b19 !important;
}
.financial-search-form .search-item.primary-search .btn-group:hover .active {
  background: #1c7553 !important;
}

.stock-screener .table-financials.table-sortable thead tr th[data-sort] {
  padding-right: 5px !important;
}

#com-summary {
  padding: 15px !important;
}
#com-summary h2 {
  padding: 0px 0px 10px 0px !important;
}
#com-summary .title-pattern1 {
  margin-top: 0px !important;
}
#com-summary .title-pattern1 h2 {
  padding: 1px 20px 1px 0px !important;
  background: #fff !important;
}
#com-summary .indices-inside-section {
  padding: 0px !important;
  box-shadow: none !important;
}
#com-summary .indices-inside-section .padder {
  padding-left: 0px !important;
}
#com-summary .indices-inside-section .view-more {
  padding: 0px !important;
}
#com-summary .indices-inside-section .view-more a {
  padding: 0px !important;
}
#com-summary .indices-inside-section .indices.summary-turnover {
  padding: 0px !important;
}
#com-summary .indices-inside-section .indices.summary-turnover p {
  margin: 10px 0px !important;
}
#com-summary .indices-inside-section .indices.summary-turnover span {
  margin: 10px 0px !important;
}
#com-summary .indices-inside-section::-webkit-scrollbar {
  width: 5px !important;
}
#com-summary .indices-inside-section::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
#com-summary .indices-section-body {
  padding: 0px !important;
  height: auto !important;
  overflow: hidden !important;
}
#com-summary .view-more {
  padding: 0px !important;
}
#com-summary .view-more a {
  padding-left: 0px !important;
}
#com-summary:hover .ac-icon a i {
  transform: rotate(180deg) !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#com-summary #technical-data {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
#com-summary #technical-data .pivot-point {
  margin-bottom: 20px !important;
}
#com-summary #technical-data .technical-snap table {
  margin-bottom: 0px !important;
}
#com-summary #technical-data .technical-snap table thead tr th {
  padding-top: 0px !important;
  padding-bottom: 10px !important;
}
#com-summary #technical-data .technical-snap .ma-table thead tr th img {
  width: 25% !important;
}
#com-summary #technical-data .progress-section {
  margin-bottom: 0px !important;
  padding: 0px !important;
  border: none !important;
}
#com-summary #technical-data .as-of-date {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 0px 15px 0px !important;
}
#com-summary #technical-data .ma-table thead tr th img {
  width: 40% !important;
}
#com-summary .statistic-data h3 {
  background: none !important;
  padding: 0px 0px 0px 0px !important;
}
#com-summary .statistic-data table#tblPivotAnalysis {
  margin-bottom: 10px !important;
}
#com-summary .technical-snap h3 {
  padding: 0px 0px 10px 0px !important;
}
#com-summary .pivot-point h3 {
  padding: 0px 0px 10px 0px !important;
}
#com-summary .broker-listing.broker-breakdown.stock-trade-broker .broker-list.price-history.financials {
  padding: 0px !important;
}
#com-summary .table tbody tr:hover {
  background: #fff;
}

#co-tabs {
  height: 413px !important;
  position: relative;
}
#co-tabs #new-section {
  display: block;
  float: left;
  width: 100% !important;
  height: 345px !important;
  overflow: scroll !important;
}
#co-tabs ul#interest_tabs {
  border-bottom: 1px solid #ddd !important;
}
#co-tabs .view-more {
  position: absolute !important;
  bottom: 20px !important;
  padding: 0px !important;
  left: 20px !important;
  margin: 0px !important;
}
#co-tabs .view-more a {
  padding: 0px !important;
}

.co-title-section {
  display: block;
  float: left;
  width: 100%;
  box-shadow: 0 10px 20px -20px rgba(52, 168, 66, 0.6) !important;
  margin-bottom: 20px !important;
  padding: 0px 0px 0px 0px !important;
  background: #fff;
  padding: 10px !important;
  border-radius: 5px;
}
.co-title-section .search-box-alt .form-group {
  margin: 0px !important;
}
.co-title-section .search-box-alt .form-group input.companyautocomplete {
  position: static !important;
  margin-top: -10px !important;
  margin-bottom: 0px !important;
  width: 300px !important;
  float: right !important;
}
.co-title-section .search-box-alt .form-group button {
  position: absolute !important;
  top: -9px !important;
  z-index: 9;
  right: -10px !important;
}
.co-title-section .form-group span.resetautocomplete {
  top: 3px;
  right: 30px;
  padding: 8px !important;
}
.co-title-section .c-five-days {
  display: block;
  float: left;
  width: auto !important;
  text-align: right !important;
  padding: 0px 0px 0px 20px !important;
}
.co-title-section a.features span.s-looser {
  width: 20px !important;
  height: 20px !important;
  background: #e15555 !important;
}
.co-title-section a.features span.s-gainer {
  width: 20px !important;
  height: 20px !important;
  background: #3faf7e !important;
}
.co-title-section a.features span.s-neutral {
  width: 20px !important;
  height: 20px !important;
  background: #4cb9df !important;
}
.co-title-section span.negative {
  display: block;
  float: left;
  width: auto !important;
  padding: 0px 0px 0px 0px !important;
}
.co-title-section span.positive {
  display: block;
  float: left;
  width: auto !important;
  padding: 0px 0px 0px 0px !important;
  display: block;
  float: left;
  width: auto !important;
  padding: 0px 0px 0px 0px !important;
}
.co-title-section:hover {
  box-shadow: 0 10px 20px -20px rgba(52, 168, 66, 0.6) !important;
}
.co-title-section h1 {
  font-size: 16px;
  color: #333 !important;
  font-weight: bold !important;
  line-height: normal !important;
  margin-bottom: 10px !important;
  width: auto !important;
}
.co-title-section .add-watchlist {
  float: left !important;
  padding: 0px 0px 0px 10px !important;
  margin-top: -1px !important;
}
.co-title-section .add-watchlist a {
  padding: 3px 5px !important;
}
.co-title-section ul {
  display: block;
  float: left;
  width: 100%;
  margin-top: 5px !important;
  background: #fff !important;
  padding: 0px 0px 0px 0px !important;
}
.co-title-section ul li {
  display: block;
  float: left;
  width: auto !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
}
.co-title-section ul li p {
  font-size: 13px !important;
  color: #333 !important;
  padding-right: 10px !important;
  line-height: 11px !important;
  border-right: 1px solid #999 !important;
  line-height: normal !important;
  line-height: 11px !important;
}
.co-title-section ul li p a {
  font-size: 13px !important;
  color: #333 !important;
  padding-right: 10px !important;
  line-height: 11px !important;
}
.co-title-section ul li p catg {
  color: #666 !important;
}
.co-title-section ul li:last-child p {
  border-right: none !important;
}
.co-title-section ul.co-set-alert {
  display: block;
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px !important;
  padding: 0px 0px 5px 0px !important;
}
.co-title-section ul.co-set-alert li p {
  font-size: 14px !important;
}
.co-title-section ul.co-set-alert li p:hover {
  color: #f06f21 !important;
  cursor: pointer !important;
  cursor: pointer !important;
}
.co-title-section ul.co-set-alert li a {
  font-size: 14px !important;
}

.company-sticky-title .alphaFilter.menu {
  display: none !important;
}
.company-sticky-title .alphaFilter.menu.sticky {
  display: block !important;
  background: #fff !important;
  padding: 10px 0px 0px 0px !important;
  box-shadow: 0 5px 30px -15px rgba(0, 0, 0, 0.3) !important;
}
.company-sticky-title .alphaFilter.menu.sticky .co-title-section {
  margin: 0px !important;
  text-align: center !important;
  display: block;
  text-align: center !important;
  width: 100% !important;
}
.company-sticky-title .alphaFilter.menu.sticky .co-title-section h1 {
  display: block;
  width: 100% !important;
  text-align: center !important;
  margin-bottom: 0px !important;
  width: auto !important;
}
.company-sticky-title .alphaFilter.menu.sticky .co-title-section h1 span {
  font-size: 18px !important;
  margin: 0px 5px !important;
  font-weight: bold !important;
}
.company-sticky-title .alphaFilter.menu.sticky .co-title-section h1 span.zero {
  color: #0199da !important;
}
.company-sticky-title .alphaFilter.menu.sticky .co-title-section .company-search {
  display: none !important;
}
.company-sticky-title .alphaFilter.menu.sticky .co-title-section ul.company-contact {
  display: none !important;
}

table.table.table-financials.table-sortable tbody tr:first-child td .price-perf .price-perf-detail {
  bottom: -80px !important;
  left: -150px !important;
}
table.table.table-financials.table-sortable tbody tr:first-child td .price-perf .arrow {
  position: absolute;
  bottom: -10px !important;
  transform: rotate(180deg) !important;
}

figure.highcharts-figure {
  display: block;
  float: left;
  width: 100% !important;
  height: auto !important;
}

.filter-option {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 0px !important;
}
.filter-option .select-field {
  display: block;
  float: left;
  width: 25% !important;
}
.filter-option .button {
  display: inline;
  float: left;
  width: 75% !important;
}
.filter-option .button form button {
  display: block;
  float: right;
  width: auto !important;
  padding: 10px !important;
  margin-left: 10px !important;
  color: #fff;
  width: 100px !important;
  margin-right: 0px !important;
}

.filter-option.lt-filter-option {
  display: block;
  float: right;
  width: 100% !important;
}
.filter-option.lt-filter-option .select-field {
  float: left;
  margin: 10px !important;
}

#piechart p {
  margin-left: 0px !important;
  margin-bottom: 10px !important;
}

div#piechart figure.highcharts-figure {
  box-shadow: none !important;
}

.broker-listing.news-details-section {
  padding: 0px 20px !important;
}

.btn-5 {
  background: #823aa0;
  color: #fff;
  line-height: 24px;
  font-size: 16px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.btn-5:active {
  background: #9053a9;
  top: 2px;
}
.btn-5:active:before {
  color: #703b87;
}
.btn-5 span {
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-transition: all 0.3s;
  -moz-backface-visibility: hidden;
  transition: all 0.3s;
  backface-visibility: hidden;
  color: #fff !important;
}
.btn-5:before {
  position: absolute;
  width: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}

.btn-5a:hover span {
  -webkit-transform: translateY(300%);
  -moz-transform: translateY(300%);
  -ms-transform: translateY(300%);
  transform: translateY(300%);
}
.btn-5a:hover:before {
  top: 0;
}
.btn-5a:before {
  left: 0;
  top: -100%;
}

.btn-5b:hover span {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
}
.btn-5b:hover:before {
  left: 32px !important;
  top: -2px !important;
  line-height: 2.5;
  position: absolute;
  z-index: 99 !important;
}
.btn-5b:before {
  overflow: hidden !important;
  position: absolute !important;
  left: -10px !important;
}

.page-item:first-child .page-link {
  border-radius: 0px !important;
}
.page-item:last-child .page-link {
  border-radius: 0px !important;
}
.page-item .page-link:focus {
  box-shadow: none !important;
}

.sector-news-listing {
  display: block;
  float: left;
  width: 100% !important;
}
.sector-news-listing ul li {
  display: block;
  float: left;
  width: auto !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}
.sector-news-listing .sector-news-listing-text {
  display: block;
  float: left;
  width: 100% !important;
}
.sector-news-listing .sector-news-listing-text h2 {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  border-bottom: none !important;
  margin-bottom: 10px !important;
}
.sector-news-listing .sector-news-listing-text h2 a {
  color: #666;
  text-decoration: none;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #30b983, #30b983 50%, #555 50%);
  background-size: 200% 100%;
  background-position: 100%;
  font-size: 16px !important;
}
.sector-news-listing .sector-news-listing-text:hover h2 a {
  transition: all 1s cubic-bezier(0, 0, 0.23, 1);
  background-position: 0%;
}
.sector-news-listing table {
  border: none !important;
}
.sector-news-listing table tbody tr {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px !important;
  border: none !important;
  border-bottom: 1px solid #ddd !important;
}
.sector-news-listing table tbody tr td.sorting_1 {
  width: 10% !important;
  margin-right: 5% !important;
  border-bottom: none !important;
}
.sector-news-listing table tbody tr td {
  border-bottom: none !important;
}
.sector-news-listing table tbody tr td:last-child {
  padding-left: 20px !important;
}

.sector-news-listing-img {
  display: block;
  float: left;
  width: 100% !important;
}
.sector-news-listing-img img {
  width: 100% !important;
}

.news-section {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
}
.news-section ul {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px !important;
}
.news-section ul li {
  display: block;
  float: left;
  width: 100% !important;
}
.news-section ul li .news-section-list {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px !important;
  border-bottom: 1px dotted #ddd !important;
  position: relative !important;
}
.news-section ul li .news-section-list p.date {
  margin-bottom: 10px !important;
}
.news-section ul li .news-section-list a {
  display: block;
  float: right;
  width: auto !important;
  color: #666;
  text-decoration: none;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #30b983, #30b983 50%, #555 50%);
  background-size: 200% 100%;
  background-position: 100%;
  font-size: 16px !important;
}
.news-section ul li .news-section-list:hover a {
  transition: all 1s cubic-bezier(0, 0, 0.23, 1);
  background-position: 0%;
}
.news-section ul li .news-section-list p {
  margin-bottom: 10px !important;
}
.news-section ul li .news-section-list p i {
  float: right !important;
}
.news-section #horizontalTab6 ul.resp-tabs-list {
  padding: 15px !important;
}
.news-section #horizontalTab6 ul.resp-tabs-list li.resp-tab-item {
  width: auto !important;
}
.news-section #horizontalTab6 .resp-tab-content {
  padding: 0px !important;
}
.news-section #horizontalTab6 .resp-tab-content .view-more a {
  padding: 15px !important;
}

.news-date {
  display: block;
  float: left;
  width: 100% !important;
  border-bottom: 1px dotted #ddd !important;
  padding: 10px !important;
  margin-bottom: 30px !important;
}
.news-date p {
  display: block;
  float: left;
  width: auto !important;
  color: #666 !important;
  padding-top: 5px !important;
}
.news-date .news-share-section {
  display: block;
  float: right;
  width: auto !important;
}
.news-date .news-share-section ul li a.facebook {
  margin-top: 0px !important;
}
.news-date .news-share-section ul li a.twitter {
  margin-top: 0px !important;
}

.news-image {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 30px !important;
}

.news-desc {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 30px !important;
}
.news-desc p {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 15px !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
}

.all-news-section {
  display: block;
  float: left;
  width: 100% !important;
  min-height: 630px !important;
}

.all-news {
  display: block;
  float: left;
  width: 100% !important;
  min-height: 630px !important;
}

.all-news-left-section img {
  display: block;
  float: left;
  width: 100% !important;
}
.all-news-left-section h2 {
  background: #f1f1f1 !important;
}

.all-news-right-section .view-more a {
  padding: 15px !important;
}

li.nav-item.dropdown ul li.nav-item.dropdown.show {
  display: block !important;
  float: left !important;
  width: 100% !important;
}
li.nav-item.dropdown ul li.nav-item.dropdown.show .dropdown-menu.fixed-nav-submenu.show {
  display: block !important;
  float: left !important;
  width: 100% !important;
}

.altman-wrap-title {
  display: block;
  float: left;
  width: 100% !important;
}
.altman-wrap-title ul {
  display: block;
  float: left;
  width: 100% !important;
}
.altman-wrap-title ul li {
  display: block;
  float: left;
  width: auto !important;
}
.altman-wrap-title ul li a {
  display: block;
  float: left;
  width: auto !important;
  padding: 10px 20px !important;
}
.altman-wrap-title ul li a:hover {
  background: #959594;
  color: #fff !important;
}
.altman-wrap-title ul li a.active {
  background: #959594;
  color: #fff !important;
}
.altman-wrap-title ul li:first-child a {
  border: 1px solid #cbcbcb !important;
  border-bottom: none !important;
}
.altman-wrap-title ul li:first-child:hover a {
  background: none !important;
  color: #666 !important;
}

.altman-wrap {
  display: block;
  float: left;
  width: 100% !important;
  border: 1px solid #cbcbcb !important;
  padding: 20px 10px !important;
}
.altman-wrap .indices-section-body h3 {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 10px !important;
}
.altman-wrap .indices-section-body .graham h3 {
  margin-bottom: 0px !important;
}

.altman {
  display: block;
  float: left;
  width: 100% !important;
}
.altman img {
  width: 100% !important;
  padding: 10px !important;
}
.altman .indices-section-body p {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 20px !important;
}
.altman .indices-section-body ul {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 20px !important;
}
.altman .indices-section-body ul h3 {
  color: #30b983 !important;
  font-weight: bold !important;
  margin-bottom: 5px !important;
}
.altman .indices-section-body ul span {
  color: #36437e !important;
  font-weight: bold !important;
}
.altman .indices-section-body li {
  display: list-item;
  float: left;
  width: 100% !important;
  list-style: inside square !important;
}
.altman form {
  display: block;
  float: left;
  width: 100% !important;
  padding: 20px !important;
  background: #f1f1f1 !important;
}
.altman form .radio {
  display: block;
  float: left;
  width: auto !important;
  margin-right: 20px !important;
}

.zscore {
  display: block;
  float: left;
  width: 100% !important;
  background: #f6f6f6 !important;
  padding: 20px 20px 40px 20px !important;
  margin-bottom: 20px !important;
}
.zscore h3 {
  margin-bottom: 15px !important;
}
.zscore p {
  display: block;
  float: right !important;
  width: auto !important;
}

.zscore-indices {
  display: block;
  float: left;
  width: 100% !important;
  height: 20px !important;
  background: linear-gradient(90deg, #f77364, #30b983);
}

.altman-inside {
  display: block;
  float: left;
  width: 100% !important;
  background: #f5f5f5;
  padding: 20px !important;
  margin: 20px 0px !important;
}

.pitroski-wrap .indices-section-body table.table tbody tr:last-child td {
  background: #e4e4e4 !important;
}

.dupont h2 p {
  display: block;
  float: right;
  width: auto !important;
}

.graham {
  display: block;
  float: left;
  width: 100% !important;
  background: #f1f1f1 !important;
  padding: 10px !important;
  margin-bottom: 10px !important;
}
.graham form {
  display: block;
  float: right;
  width: auto !important;
}

table.price-multiples thead tr th:last-child {
  background: #f5f5f5 !important;
  text-align: center !important;
}
table.price-multiples tbody tr td:last-child {
  background: #f5f5f5 !important;
  text-align: center !important;
}

span#select2-txtFloorsheetStockSymbolFilter-container {
  padding: 3px 10px;
}

span#select2-txtStockSymbolFilter-container {
  padding: 3px 10px !important;
}

:-webkit-scrollbar {
  width: 9px !important;
}
:-webkit-scrollbar:horizontal {
  height: 8px !important;
}

:-moz-scrollbar {
  width: 7px !important;
}
:-moz-scrollbar:horizontal {
  height: 8px !important;
}

:-ms-scrollbar {
  width: 7px !important;
}
:-ms-scrollbar:horizontal {
  height: 8px !important;
}

:-o-scrollbar {
  width: 7px !important;
}
:-o-scrollbar:horizontal {
  height: 8px !important;
}

* {
  scrollbar-width: thin !important;
  scrollbar-color: #aaa #f1f1f1;
}

:-webkit-scrollbar-track {
  border-radius: 0px !important;
}

:-moz-scrollbar-track {
  border-radius: 0px !important;
}

:-ms-scrollbar-track {
  border-radius: 0px !important;
}

:-o-scrollbar-track {
  border-radius: 0px !important;
}

:-webkit-scrollbar-thumb {
  background: #ddd !important;
  border-radius: 5px !important;
}

:-moz-scrollbar-thumb {
  background: #ddd !important;
  border-radius: 5px !important;
}

:-ms-scrollbar-thumb {
  background: #ddd !important;
  border-radius: 5px !important;
}

:-o-scrollbar-thumb {
  background: #ddd !important;
  border-radius: 5px !important;
}

.investment-opportunities.scrollable-area.sticky-table.sticky-ltr-cells:-webkit-scrollbar {
  width: 5px !important;
  width: 5px !important;
}
.investment-opportunities.scrollable-area.sticky-table.sticky-ltr-cells:-webkit-scrollbar:horizontal {
  height: 10px !important;
  height: 10px !important;
}
.investment-opportunities.scrollable-area.sticky-table.sticky-ltr-cells table.table-alt tbody tr:hover {
  background: #fff !important;
}

.corporate-action.scrollable-area.sticky-table.sticky-ltr-cells::-webkit-scrollbar {
  width: 5px !important;
}
.corporate-action.scrollable-area.sticky-table.sticky-ltr-cells::-webkit-scrollbar:horizontal {
  height: 10px !important;
}

.index-performance.scrollable-area.sticky-table.sticky-ltr-cells::-webkit-scrollbar {
  width: 5px !important;
}
.index-performance.scrollable-area.sticky-table.sticky-ltr-cells::-webkit-scrollbar:horizontal {
  height: 10px !important;
}

.index-analysis-tab.scrollable-area.sticky-table.sticky-ltr-cells::-webkit-scrollbar {
  width: 5px !important;
}
.index-analysis-tab.scrollable-area.sticky-table.sticky-ltr-cells::-webkit-scrollbar:horizontal {
  height: 10px !important;
}

#stock-calendar-list::-webkit-scrollbar {
  width: 5px !important;
}
#stock-calendar-list::-webkit-scrollbar:horizontal {
  height: 10px !important;
}

.full-stock-data.scrollable-area.sticky-table.sticky-ltr-cells::-webkit-scrollbar {
  width: 5px !important;
}
.full-stock-data.scrollable-area.sticky-table.sticky-ltr-cells::-webkit-scrollbar:horizontal {
  height: 10px !important;
}

.co-news-data.scrollable-area::-webkit-scrollbar {
  width: 5px !important;
}
.co-news-data.scrollable-area::-webkit-scrollbar:horizontal {
  height: 10px !important;
}

.advanced-screener-data .as-data-top .modal .modal-body {
  overflow: visible !important;
}
.advanced-screener-data .as-data-top .modal .modal-body #columnTabContent .form-control::-webkit-scrollbar {
  width: 5px !important;
}
.advanced-screener-data .as-data-top .modal .modal-body #columnTabContent .form-control::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
.advanced-screener-data .as-data-top ul {
  display: block;
  float: left;
  width: 100% !important;
}
.advanced-screener-data .as-data-top ul li {
  display: inline;
  float: left !important;
  margin-right: 10px !important;
  padding-right: 10px !important;
  border-right: 1px solid #36437e !important;
  line-height: 15px !important;
}
.advanced-screener-data .as-data-top ul li nav {
  background: transparent !important;
  padding: 0px !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav {
  height: 47px !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li {
  border-right: none !important;
  padding-right: 0px !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu {
  top: 46px !important;
  box-shadow: none !important;
  border: 1px solid #ccc !important;
  border-bottom: 5px solid #36437e !important;
  z-index: 99999999 !important;
  width: 180px !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates {
  display: block;
  float: left;
  width: 300px !important;
  padding: 0px 0px 0px 2px !important;
  position: absolute;
  top: -1px !important;
  left: 100% !important;
  background: #fff !important;
  height: 380px !important;
  border-bottom: 5px solid #36437e;
  border-right: 1px solid #ccc !important;
  border-top: 1px solid #ccc !important;
  min-height: 50px !important;
  max-height: 280px !important;
  height: 258px !important;
  height: 269px !important;
  overflow: scroll !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates::-webkit-scrollbar {
  width: 5px !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates a.dropdown-item.ddlTemplateOpt {
  display: block;
  float: left;
  width: calc(100% - 20px) !important;
  border-bottom: 1px solid #ddd;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates a.dropdown-item.ddlTemplateOpt span {
  display: block;
  float: left;
  width: 100% !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates a.dropdown-item.ddlTemplateOpt span:hover {
  color: #fff !important;
  background: #28b37c !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates a.dropdown-item.ddlTemplateOpt:before {
  display: none !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates a.dropdown-item.ddlTemplateOpt i {
  position: absolute;
  background: #888 !important;
  color: #fff !important;
  font-weight: normal;
  right: 0px !important;
  padding: 6px 5px 7px 5px !important;
  margin: 0px 0px 0px 0px !important;
  border-bottom: 1px solid #ddd;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates a.dropdown-item:before {
  display: none !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates ul {
  display: block;
  float: left;
  width: 100% !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates ul li {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 0px !important;
  margin: 0px !important;
  margin-bottom: 0px !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates ul li:last-child {
  margin-bottom: 0px !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates ul li a {
  display: block;
  float: left;
  width: 100% !important;
  text-align: center !important;
  padding: 0px !important;
  padding: 5px 0px !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates ul li a:hover {
  background: #f8f9fa !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu a.dropdown-item:before {
  display: none !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu a.dropdown-item.ddlTemplateOpt:before {
  display: none !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu a span {
  display: block;
  float: left;
  width: 100% !important;
  padding: 9px 10px !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu a span:hover {
  background: #f1f1f1 !important;
}
.advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu a:focus {
  background: none !important;
}
.advanced-screener-data .as-data-top ul li nav a {
  padding: 0px !important;
  color: #36437e !important;
}
.advanced-screener-data .as-data-top ul li:first-child {
  padding-right: 0px !important;
  margin-right: 15px !important;
  border-right: none !important;
}
.advanced-screener-data .as-data-top ul li:first-child #ddlTemplate {
  width: 170px !important;
  text-align: left !important;
  float: left !important;
  display: block !important;
  margin: 0px 0px 0px 20px !important;
}
.advanced-screener-data .as-data-top ul li:first-child #ddlTemplate ul {
  text-align: left !important;
}
.advanced-screener-data .as-data-top ul li:first-child #ddlTemplate ul li {
  display: block;
  float: left;
  width: 100% !important;
  border-bottom: 1px solid #888 !important;
}
.advanced-screener-data .as-data-top ul li:first-child #ddlTemplate ul li:first-child {
  display: block;
  float: left;
  width: 100% !important;
  float: left !important;
  text-align: left !important;
  height: 40px !important;
}
.advanced-screener-data .as-data-top ul li:first-child #ddlTemplate ul li a.dropdown-toggle::after {
  top: 20px !important;
  right: 0px !important;
  position: absolute !important;
  color: #36437e;
}
.advanced-screener-data .as-data-top ul li:nth-child(3) {
  border-right: none !important;
}
.advanced-screener-data .as-data-top ul li:nth-child(4) {
  border-right: none !important;
}
.advanced-screener-data .as-data-top ul li a {
  color: #0199da !important;
  font-size: 15px !important;
}
.advanced-screener-data .as-data-top ul li:nth-child(2) {
  padding-right: 0px !important;
  margin-right: 5px !important;
  border-right: none !important;
}
.advanced-screener-data .as-data-top ul li a#btnSaveTemplate {
  position: relative;
  background: #919191 !important;
  color: #fff !important;
  font-size: 14px !important;
  padding: 8px 10px 8px 30px !important;
}
.advanced-screener-data .as-data-top ul li a#btnSaveTemplate:before {
  content: "\f0c7";
  font-family: "FontAwesome";
  position: absolute;
  left: 10px !important;
  color: #fff !important;
  font-size: 16px !important;
}
.advanced-screener-data .as-data-top ul li a#btnSaveTemplate:hover {
  background: #249f6d !important;
}
.advanced-screener-data .as-data-top ul li a#btnSaveAsTemplate {
  position: relative;
  background: #999 !important;
  color: #fff !important;
  font-size: 14px !important;
  padding: 8px 10px 8px 30px !important;
}
.advanced-screener-data .as-data-top ul li a#btnSaveAsTemplate:before {
  content: "\f0c7";
  font-family: "FontAwesome";
  position: absolute;
  left: 10px !important;
  color: #fff !important;
  font-size: 16px !important;
}
.advanced-screener-data .as-data-top ul li a#btnSaveAsTemplate:hover {
  background: #249f6d !important;
}
.advanced-screener-data .as-data-top ul li a#btnExportTemplate {
  background: #0e5e5e !important;
  color: #fff !important;
  position: absolute;
  right: 165px !important;
  padding: 15px 15px 14px 15px !important;
  top: 0px !important;
}
.advanced-screener-data .as-data-top ul li a#btnExportTemplate:hover {
  background: #dbb87c !important;
}
.advanced-screener-data .as-data-top ul li form label {
  font-size: 14px !important;
}
.advanced-screener-data .as-data-top ul li:last-child {
  display: block;
  float: right !important;
  text-align: right !important;
  border-right: 0px !important;
  padding: 0px !important;
  margin: 0px !important;
}
.advanced-screener-data .as-data-top ul li button.btn.btn-primary {
  border: none !important;
  float: left;
  background: #36437e !important;
  color: #fff !important;
  padding: 15px 15px 15px 20px !important;
  position: absolute;
  right: 0px !important;
  top: 0px !important;
}
.advanced-screener-data .as-data-top ul li button.btn.btn-primary:hover {
  background: #2e4cd4 !important;
}
.advanced-screener-data .as-data-top ul li button.btn.btn-primary:before {
  content: "\f142";
  font-family: "FontAwesome";
  font-size: 18px !important;
  left: 10px !important;
  position: absolute !important;
}
.advanced-screener-data .as-data-top ul li button.btn.btn-primary:focus {
  box-shadow: none !important;
  outline: none !important;
}
.advanced-screener-data .as-data-top ul li #columnModal button.btn.btn-primary {
  background: none !important;
  color: #0199da !important;
  padding: 0px !important;
  position: static !important;
  border-right: 1px solid #aaa !important;
  padding-right: 10px !important;
}
.advanced-screener-data .as-data-top ul li #columnModal button.btn.btn-primary::before {
  display: none !important;
}
.advanced-screener-data .as-data-top ul li #columnModal button.btn.btn-primary:last-child {
  border-right: none !important;
}
.advanced-screener-data .as-data-top ul li #columnModal button#btnResetColumns {
  border-right: none !important;
}
.advanced-screener-data .as-data-top ul li #columnModal #columnTabContent form .form-check {
  border-bottom: none !important;
  border-right: 1px dotted #ddd !important;
  padding: 0px !important;
}
.advanced-screener-data .as-data-top ul li #columnModal #columnTabContent form .form-check label {
  display: block;
  float: left;
  width: 100% !important;
  cursor: pointer !important;
}
.advanced-screener-data .as-data-top ul li #columnModal #columnTabContent form .form-check label p {
  text-align: left !important;
  width: calc(100% - 20px) !important;
  margin: 4px 0px 0px 0px !important;
}
.advanced-screener-data .as-data-top ul li #columnModal .modal-body .card-header.tab-card-header ul li {
  position: relative;
}
.advanced-screener-data .as-data-top ul li #columnModal .modal-body .card-header.tab-card-header ul li a.active:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #c7ac54;
  position: absolute;
  bottom: -6px !important;
  transform: rotate(225deg);
  left: 35% !important;
}
.advanced-screener-data .as-data-top ul li .modal.show {
  z-index: 99999999999 !important;
  background: rgba(0, 0, 0, 0.5);
}
.advanced-screener-data .as-data-top ul li .modal .modal-dialog {
  max-width: 769px !important;
  max-width: 55% !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-header {
  padding: 0px !important;
  border-bottom: none !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-header h1 {
  display: block;
  float: left;
  width: 50% !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-header input.columnSearch,
.advanced-screener-data .as-data-top ul li .modal .modal-header input.filterSearch {
  display: block;
  float: left;
  width: 50% !important;
  height: auto !important;
  padding: 9px 10px !important;
  margin: 5px 50px !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-header input.columnSearch:focus,
.advanced-screener-data .as-data-top ul li .modal .modal-header input.filterSearch:focus {
  box-shadow: none !important;
  border: 1px solid #36437e !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-header button.close {
  background: #444 !important;
  padding: 10px 12px 10px 12px !important;
  top: 1px !important;
  position: absolute;
  right: 0px !important;
  z-index: 99999;
}
.advanced-screener-data .as-data-top ul li .modal .modal-body {
  padding: 10px !important;
  border-bottom: none !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-body .card-header.tab-card-header {
  display: block;
  float: left;
  width: calc(100% - 22px) !important;
  padding: 0px !important;
  border: none !important;
  background: #ddd !important;
  border-radius: 0px !important;
  position: fixed !important;
  z-index: 999;
}
.advanced-screener-data .as-data-top ul li .modal .modal-body .card-header.tab-card-header ul li {
  border-right: none !important;
  padding: 0px !important;
  margin: 0px !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-body .card-header.tab-card-header ul li a {
  padding: 10px 10px !important;
  color: #36437e !important;
  border-radius: 0px !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-body .card-header.tab-card-header ul li a:hover {
  background: #ccc !important;
  border-bottom: 2px solid #ccc !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-body .card-header.tab-card-header ul li a.active {
  color: #fff !important;
  padding: 11px 10px !important;
  border-radius: 0px !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-body .card-header.tab-card-header ul li a.active:hover {
  border-radius: 0px !important;
  background: #c7ac54 !important;
  border-bottom: none !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-body .card-header.tab-card-header ul li a.active:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #c7ac54 !important;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: -10px !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-body .card-header.tab-card-header ul li:last-child {
  float: left !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-body #myTabContent {
  display: block;
  float: left;
  width: 100% !important;
  padding: 30px 20px !important;
  position: relative !important;
  border: 1px solid #aaa !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-body #myTabContent .tab-pane {
  width: calc(100% - 20px) !important;
  text-align: left !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-footer {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 10px 10px 10px !important;
  border-top: none !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-footer button.btn.btn-primary {
  padding: 25px 15px !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-footer button#btnSelectAllFilter {
  display: block;
  float: left !important;
  width: auto !important;
  padding: 0px 10px !important;
  text-align: left !important;
  text-decoration: underline !important;
  background: #fff !important;
  color: #0199da !important;
  margin: 0px !important;
  text-decoration: underline;
  position: static !important;
  padding-left: 0px !important;
  border-right: 1px solid #aaa !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-footer button#btnSelectAllFilter:hover {
  text-decoration: none !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-footer button#btnSelectAllFilter:before {
  display: none !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-footer button#btnResetFilter {
  display: block;
  float: left !important;
  width: auto !important;
  padding: 0px 10px !important;
  text-align: left !important;
  text-decoration: underline !important;
  background: #fff !important;
  color: #0199da !important;
  margin: 0px !important;
  text-decoration: underline;
  position: static !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-footer button#btnResetFilter:hover {
  text-decoration: none !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-footer button#btnResetFilter:before {
  display: none !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-footer button#btnUnselectAllFilter {
  display: block;
  float: left !important;
  width: auto !important;
  padding: 0px 10px !important;
  text-align: left !important;
  text-decoration: underline !important;
  background: #fff !important;
  color: #0199da !important;
  margin: 0px !important;
  text-decoration: underline;
  position: static !important;
}
.advanced-screener-data .as-data-top ul li .modal .modal-footer button#btnUnselectAllFilter:before {
  content: none !important;
}
.advanced-screener-data .as-data-top ul li #parameterModal .card-header {
  display: block;
  float: left;
  width: 24% !important;
  background: transparent !important;
}
.advanced-screener-data .as-data-top ul li #parameterModal ul#filterTab {
  display: block;
  float: left;
  width: 100% !important;
  background: #f2f2f2 !important;
  min-height: 280px !important;
}
.advanced-screener-data .as-data-top ul li #parameterModal ul#filterTab li {
  display: block;
  float: left;
  width: 100% !important;
  text-align: left !important;
  margin-bottom: 0px !important;
  border-radius: 0px !important;
  border-bottom: 1px dashed #f1f1f1 !important;
}
.advanced-screener-data .as-data-top ul li #parameterModal #filterTabContent {
  display: block;
  float: left;
  width: 100% !important;
}
.advanced-screener-data .as-data-top ul li #parameterModal #filterTabContent form .form-check label {
  display: block;
  float: left;
  width: 100% !important;
  cursor: pointer !important;
}
.advanced-screener-data .as-data-top ul li #parameterModal #filterTabContent form .form-check label p {
  text-align: left !important;
  width: calc(100% - 20px) !important;
  margin: 4px 0px 0px 0px !important;
}
.advanced-screener-data #parameterModal .modal-body .form-control {
  height: 280px !important;
  overflow-y: scroll !important;
  padding: 10px !important;
}
.advanced-screener-data #parameterModal .modal-body .form-control::-webkit-scrollbar {
  width: 5px !important;
}
.advanced-screener-data #parameterModal .modal-body .form-control::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
.advanced-screener-data #parameterModal .modal-body .tab-pane {
  overflow-y: scroll !important;
}
.advanced-screener-data a.btn.btn-default.menu-toggle:focus {
  outline: none !important;
  box-shadow: none !important;
}
.advanced-screener-data a.btn.btn-default.menu-toggle i {
  font-size: 22px !important;
  color: #fff !important;
}
.advanced-screener-data .modal .modal-body #columnTabContent .tab-pane {
  padding: 0px !important;
}
.advanced-screener-data .modal .modal-body .form-control {
  height: 240px !important;
  overflow-y: scroll;
  padding: 10px !important;
}
.advanced-screener-data .modal .modal-footer button:last-child {
  padding: 15px 15px !important;
  margin-top: -10px !important;
}
.advanced-screener-data .modal .modal-footer button:last-child:focus {
  box-shadow: none !important;
  outline: none !important;
}
.advanced-screener-data .modal .modal-footer button.btn.btn-secondary {
  background: #36437e !important;
}
.advanced-screener-data form .form-check {
  margin: 0px 20px 0px 0px !important;
}
.advanced-screener-data form .form-check label {
  margin: 10px 0px 0px 0px !important;
}
.advanced-screener-data .broker-listing.broker-breakdown.stock-trade-broker {
  padding: 10px 0px 0px 0px !important;
}
.advanced-screener-data .tab-pane form {
  height: 300px !important;
}
.advanced-screener-data .tab-pane form .form-check {
  display: block;
  float: left !important;
  width: 25% !important;
  margin: 0px 0px 0px 0px !important;
  border-bottom: 1px dotted #ddd;
}
.advanced-screener-data .tab-pane form .form-check:hover {
  background: #e2e2e2 !important;
}
.advanced-screener-data .tab-pane form .form-check label {
  margin-top: 1px !important;
  padding: 10px 0px 10px 10px;
}
.advanced-screener-data .form-check.form-check-inline input.form-check-input {
  width: 15px !important;
  height: 15px !important;
  cursor: pointer;
}
.advanced-screener-data .broker-list.price-history.financials {
  padding: 0px 0px 0px 0px !important;
}
.advanced-screener-data #divStockScreenerData .screener-data table {
  background: #fff !important;
}

.as-sidebar {
  z-index: 99;
  overflow-y: auto;
  -webkit-transition: all 0.0025s ease;
  -moz-transition: all 0.0025s ease;
  -o-transition: all 0.0025s ease;
  transition: all 0.0025s ease;
  padding: 0px 0px 0px 0px !important;
}
.as-sidebar #accordion {
  display: block;
  float: left;
  width: 100% !important;
  min-height: 80px;
  max-height: 495px !important;
  border: 1px solid #ddd !important;
  overflow-y: auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.as-sidebar #accordion::-webkit-scrollbar {
  width: 5px !important;
}
.as-sidebar #accordion::-webkit-scrollbar:horizontal {
  height: 10px !important;
}
.as-sidebar #accordion .card {
  box-shadow: none !important;
  border-radius: 0px !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #ddd !important;
}
.as-sidebar #accordion .card .card-body {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 10px 6px 10px !important;
}
.as-sidebar #accordion .card .card-body .form-check {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 5px !important;
}
.as-sidebar #accordion .card .card-body .form-check input.form-check-input {
  width: 15px !important;
  height: 15px !important;
}
.as-sidebar #accordion .card .card-body .form-check label {
  font-size: 14px !important;
  padding: 0px 0px 0px 0px !important;
}
.as-sidebar #accordion .card .card-body .form-group button {
  background: none !important;
  padding: 0px !important;
  font-size: 15px !important;
  color: #f1f1f1 !important;
  text-decoration: underline;
  margin-top: 3px !important;
  padding: 0px 10px 0px 0px !important;
}
.as-sidebar #accordion .card .card-body .form-group button span {
  padding-left: 3px !important;
}
.as-sidebar #accordion .card .card-body .form-group button:hover {
  text-decoration: none !important;
}
.as-sidebar #accordion .card .card-body .form-group span.selection ul li.select2-selection__choice {
  padding: 5px 10px !important;
}
.as-sidebar #accordion .card-header {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  border-bottom: none !important;
}
.as-sidebar #accordion .card-header h5 {
  display: block;
  float: left;
  width: 100% !important;
  border: none !important;
}
.as-sidebar #accordion .card-header h5 button {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  text-align: left !important;
  border-bottom: none !important;
}
.as-sidebar #accordion .card-header h5 button.btn-link {
  padding: 10px 10px !important;
  background: #249f6d !important;
  color: #fff !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.as-sidebar #accordion .card-header h5 button.btn-link:before {
  content: "\f106";
  color: #fff !important;
  font-family: "FontAwesome";
  position: absolute !important;
  font-size: 18px !important;
  right: 10px !important;
}
.as-sidebar #accordion .card-header h5 button.btn-link .remove-section {
  display: inline;
  float: left;
  width: auto !important;
  text-align: right;
  position: absolute !important;
  font-size: 18px !important;
  left: 0px !important;
  top: 0px !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.as-sidebar #accordion .card-header h5 button.btn-link .remove-section a i {
  padding: 11px 10px !important;
  display: none !important;
  background: #888;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.as-sidebar #accordion .card-header h5 button.btn-link:hover .remove-section a i {
  display: block !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.as-sidebar #accordion .card-header h5 button.btn-link.collapsed {
  background: #f2f2f2 !important;
  color: #36437e !important;
}
.as-sidebar #accordion .card-header h5 button.btn-link.collapsed:hover {
  background: #e2e2e2 !important;
}
.as-sidebar #accordion .card-header h5 button.btn-link.collapsed:before {
  content: "\f107";
  color: #666 !important;
  font-family: "FontAwesome";
  position: absolute !important;
  font-size: 18px !important;
  right: 10px !important;
}
.as-sidebar #accordion .card-header #headingOne:hover h5 button.btn-link {
  padding-left: 0px !important;
}
.as-sidebar #accordion .card-header #headingTwo:hover h5 button.btn-link {
  padding-left: 0px !important;
}
.as-sidebar #accordion #divSectorFilter {
  padding: 0px !important;
}
.as-sidebar #accordion #divSectorFilter .form-group {
  height: 40px !important;
  padding: 6px 0px !important;
  border-radius: 5px !important;
  margin-bottom: 0px !important;
  padding: 0px !important;
}
.as-sidebar #accordion #divSectorFilter .form-group span.select2-selection.select2-selection--single {
  height: 40px !important;
  padding: 6px 0px !important;
  border-radius: 5px !important;
}
.as-sidebar #accordion #divSectorFilter .form-group span {
  margin: 0px !important;
}
.as-sidebar #accordion #divCompanyFilter {
  padding: 0px !important;
}
.as-sidebar #accordion #divCompanyFilter .form-group {
  margin-bottom: 0px !important;
  margin-bottom: 0px !important;
  padding: 0px !important;
}
.as-sidebar #accordion #divCompanyFilter .form-group span {
  margin: 0px !important;
}
.as-sidebar #accordion .card.custom-filter .card-header h5 button.btn-link:hover {
  padding-left: 35px !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.as-sidebar #accordion .card-body form.additional .form-group {
  margin-bottom: 7px !important;
}
.as-sidebar #accordion .card-body form.additional .form-group input {
  border-radius: 5px !important;
  height: 30px !important;
  font-size: 14px !important;
  padding: 5px !important;
}
.as-sidebar #accordion .card-body form.additional .form-group input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #30b983 !important;
}
.as-sidebar #accordion .card-body form.additional .form-group select {
  border-radius: 5px !important;
  height: 30px !important;
  padding: 2px !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
}
.as-sidebar #accordion .card-body form.additional .form-group select:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #30b983 !important;
}
.as-sidebar #accordion .card-body form.additional .form-group:last-child {
  margin: 0px !important;
}
.as-sidebar #accordion .card-body form.additional .form-group:last-child button {
  margin: 0px !important;
}
.as-sidebar #accordion .card-body form.additional .form-group button.btn-reset {
  color: #0199da !important;
  font-size: 13px !important;
}
.as-sidebar #accordion .card-body form.additional .form-group button.btn-remove {
  color: #0199da !important;
  font-size: 13px !important;
}
.as-sidebar #accordion .card-body form.additional .form-group button {
  border-right: 1px solid #999 !important;
  padding: 0px 10px 0px 5px !important;
  line-height: 16px !important;
}
.as-sidebar #accordion .card-body form.additional .form-group button:hover {
  text-decoration: none !important;
}
.as-sidebar #accordion .card-body form.additional .form-group button:last-child {
  border-right: none !important;
}
.as-sidebar #accordion .form-group span.select2.select2-container.select2-container--default {
  margin-bottom: 10px !important;
}
.as-sidebar #accordion .form-group button.btn.btn-primary.btn-reset {
  color: #0199da !important;
  font-size: 13px !important;
}
.as-sidebar .as-sidebar-title {
  display: block;
  float: right;
  width: 100% !important;
  padding: 5px 10px;
  background: #36437e;
}
.as-sidebar .as-sidebar-title h5 {
  color: #fff !important;
  width: 50% !important;
  margin-top: 6px !important;
}
.as-sidebar .as-sidebar-title form input {
  color: #fff !important;
  text-decoration: underline !important;
}
.as-sidebar .sidebar-nav {
  display: block;
  float: left;
  width: 100% !important;
  position: static !important;
}
.as-sidebar .add-filter {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  text-align: center !important;
  background: #c19b19 !important;
  margin-top: 0px !important;
}
.as-sidebar form.add-reset-btn .form-group {
  display: block;
  float: left;
  width: 50% !important;
}
.as-sidebar form.add-reset-btn .form-group input {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 0px !important;
  background: #c7ac54 !important;
  border: none !important;
}
.as-sidebar form.add-reset-btn .form-group input:hover {
  background: #bb9e3e !important;
}
.as-sidebar form.add-reset-btn .form-group.add-filter {
  display: block;
  float: left;
  width: 50% !important;
}
.as-sidebar form.add-reset-btn .form-group.add-filter a {
  display: block;
  float: left;
  width: 100% !important;
  background: #249f6d !important;
  padding: 10px 0px !important;
  color: #fff !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.as-sidebar form.add-reset-btn .form-group.add-filter a:hover {
  background: #1f855c !important;
}
.as-sidebar form.add-reset-btn .form-group.add-filter a i {
  color: #fff !important;
  padding-right: 4px !important;
}
.as-sidebar form.add-reset-btn .form-group.add-filter a i:before {
  content: "\f067";
  font-family: "FontAwesome" !important;
  font-style: normal !important;
  transform: rotate(350deg) !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.as-sidebar form .form-group.add-filter a:hover i {
  transform: rotate(350deg) !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.as-sidebar form .form-group.add-filter a:hover i:before {
  transform: rotate(350deg) !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.a-z-stock-details {
  display: block;
  float: left;
  width: 100% !important;
  padding: 20px !important;
}
.a-z-stock-details h3 {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 18px !important;
  font-weight: bold !important;
  margin-bottom: 20px !important;
  border-bottom: 1px dotted #aaa !important;
  padding-bottom: 20px !important;
}
.a-z-stock-details h3 p {
  display: block;
  float: right;
  width: auto;
}

.stock-block {
  display: block;
  float: left;
  width: 100% !important;
  border: 1px solid #aaa !important;
  padding: 10px !important;
  margin-bottom: 20px !important;
  position: relative !important;
}
.stock-block ul {
  display: block;
  float: left;
  width: 100% !important;
}
.stock-block ul li {
  display: block;
  float: left;
  width: auto !important;
  margin-right: 10px !important;
  margin-bottom: 20px !important;
  color: #000 !important;
}
.stock-block ul li span {
  position: relative !important;
}
.stock-block ul li span.gainer-stock:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #30b983;
  position: absolute;
  top: 3px;
  right: -15px;
  margin-left: 5px !important;
  transform: rotate(0deg) !important;
}
.stock-block ul li span.looser-stock:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #f13a3a;
  transform: rotate(180deg) !important;
  position: absolute;
  top: 3px;
  right: -15px;
  margin-left: 5px !important;
}
.stock-block ul li:first-child {
  font-weight: bold;
  font-size: 15px !important;
}
.stock-block ul li:last-child {
  margin-right: 0px !important;
  margin-left: 12px !important;
}
.stock-block ul li:last-child p {
  float: right !important;
  width: auto !important;
  text-align: right !important;
}
.stock-block p {
  display: block;
  float: left;
  width: 100% !important;
  font-weight: bold;
  font-size: 15px !important;
  color: #000 !important;
}
.stock-block:hover figcaption {
  width: 100% !important;
  left: 0px !important;
}

figcaption {
  padding: 0px 24px !important;
  min-height: 5px;
  position: relative;
  display: block;
  width: 90% !important;
  background: linear-gradient(90deg, #f13a3a, #30b983) !important;
  margin: 0 auto !important;
  position: absolute;
  bottom: -5px !important;
  left: 18px !important;
  transition: 0.4s;
}

#adminlogin .main-section {
  background: #ddd !important;
  min-height: 100vh !important;
}
#adminlogin .main-section .main-login-form {
  width: 65% !important;
  margin: 0 auto !important;
  float: none !important;
}
#adminlogin .main-section.login-main-section {
  background: #f7f7f7 !important;
  min-height: 100vh !important;
}

.main-section.login-main-section {
  padding: 0px !important;
  position: relative;
  background: #fff !important;
}

.login-main-section {
  display: block;
  float: left;
  width: 100% !important;
  background: #f6f6f6 !important;
  background-size: cover !important;
  min-height: 100vh !important;
}

.main-login-form {
  margin: 0 auto;
}

.main-login-form-wrap {
  width: 90%;
  min-height: 85vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 45px auto 40px !important;
}
.main-login-form-wrap .login-left-bg span {
  height: auto;
  display: block;
  float: left;
  width: 70% !important;
  position: absolute;
  top: 80px !important;
  left: 20px !important;
  color: #fff !important;
  font-size: 14px !important;
}
.main-login-form-wrap .login-form-left .demo {
  display: none !important;
}

.main-login-form-wrap.main-reg-form-wrap {
  min-height: auto !important;
}
.main-login-form-wrap.main-reg-form-wrap .login-form-right {
  border: 1px solid #ddd !important;
}
.main-login-form-wrap.main-reg-form-wrap .login-form-section {
  box-shadow: none !important;
}
.main-login-form-wrap.main-reg-form-wrap .login-form-left {
  background: #fff !important;
}
.main-login-form-wrap.main-reg-form-wrap .login-form-left .login-left-bg {
  display: block;
  float: left;
  width: 100% !important;
  background: #fff !important;
  border: 1px solid #ddd !important;
  border-right: none !important;
  padding: 10px !important;
  position: relative;
}
.main-login-form-wrap.main-reg-form-wrap .login-form-left.login-reg-form-left {
  width: 25% !important;
}
.main-login-form-wrap.main-reg-form-wrap #frmRegistration {
  width: 75% !important;
}

.side-reg-button {
  color: #fff !important;
  position: absolute !important;
  background: #30b983 !important;
  padding: 10px !important;
  transform: rotate(90deg);
  right: -85px !important;
  top: 65px !important;
  overflow: visible !important;
}
.side-reg-button a {
  color: #fff !important;
  padding: 10px !important;
  font-size: 16px !important;
}

.side-logo {
  position: absolute !important;
  transform: rotate(270deg);
  left: -159px !important;
  top: 170px !important;
  overflow: visible !important;
  background: #fff !important;
  padding: 10px !important;
  box-shadow: 0 5px 20px -4px rgba(11, 11, 11, 0.16) !important;
}

.login-form-section-wrap {
  display: block;
  float: left;
  width: 40% !important;
  text-align: center !important;
  margin: 0 auto !important;
}
.login-form-section-wrap .login-img {
  display: block;
  float: left !important;
  width: 100% !important;
  padding: 10px 0px !important;
  border-radius: 5px 5px 0px 0px !important;
  background: #fff !important;
  margin: 0px 0px 0px 0px !important;
  border-bottom: 5px solid #36437e;
}
.login-form-section-wrap img {
  width: 90% !important;
}
.login-form-section-wrap .login-form-section form#resetpassword h4 {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px 0px 10px 0px !important;
}

.login-form-section {
  width: 100% !important;
  background: #fff;
  text-align: left !important;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row-reverse;
  position: relative;
  overflow: visible !important;
  min-height: 230px !important;
  border-radius: 0px 0px 5px 5px !important;
}
.login-form-section:hover .login-left-bg p:before {
  width: 100% !important;
}
.login-form-section .modal-content.p-3 {
  padding: 0px !important;
}
.login-form-section .modal-content.p-3 .modal-body {
  padding: 10px !important;
}
.login-form-section .modal-content.p-3 .modal-body .col-md-12qw h2 {
  margin: 10px 0px 0px 0px !important;
  display: block;
  float: left;
  width: 100% !important;
  font-size: 17px !important;
}
.login-form-section .modal-content.p-3 .modal-body .col-md-12qw .input-group {
  width: 30% !important;
}
.login-form-section .modal-content.p-3 .modal-body .col-md-12qw .input-group p {
  font-size: 13px !important;
}
.login-form-section .modal-content.p-3 .modal-body .form-group:last-child {
  margin-bottom: 0px !important;
}

.login-form-left {
  width: 35%;
  background: #257656 !important;
  position: relative;
  z-index: 1;
  background-size: cover !important;
  border-radius: 5px !important;
}
.login-form-left::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.login-left-bg {
  width: 100% !important;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row-reverse;
  background: rgba(33, 33, 33, 0.85);
  height: 100% !important;
  position: relative;
  border-radius: 5px !important;
}
.login-left-bg p {
  height: auto;
  display: block;
  float: left;
  width: 80% !important;
  position: absolute;
  top: 20px !important;
  left: 20px !important;
  color: #fff !important;
  font-size: 17px !important;
}
.login-left-bg p:before {
  content: "";
  height: 5px !important;
  width: 50px !important;
  background: #fff !important;
  position: absolute;
  left: 0px !important;
  bottom: -15px !important;
  transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.login-left-bg ul {
  height: auto;
  display: block;
  float: left;
  width: 90% !important;
  position: absolute;
  top: 90px !important;
  left: 20px !important;
}
.login-left-bg ul li {
  color: #fff !important;
  background: url("../images/swp-icon.png") left top no-repeat;
  font-size: 14px !important;
  margin-bottom: 5px !important;
  padding-bottom: 5px;
  border-bottom: 1px dotted #888888 !important;
  padding-left: 45px !important;
  background-size: 14% !important;
}
.login-left-bg span em {
  text-transform: uppercase !important;
}

.main-reg-form-wrap .login-left-bg h1 {
  height: auto;
  display: block;
  float: left;
  width: 100% !important;
  position: static !important;
  color: #30b983 !important;
  font-size: 20px !important;
  font-weight: bold !important;
  margin-top: 15px !important;
}
.main-reg-form-wrap .login-left-bg p:before {
  content: "";
  height: 5px !important;
  width: 50px !important;
  background: #30b983 !important;
  position: absolute;
  left: 0px !important;
  bottom: -15px !important;
  transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  display: none !important;
}
.main-reg-form-wrap .login-left-bg .trial p:first-child {
  font-size: 16px !important;
  font-weight: normal !important;
}
.main-reg-form-wrap .login-reg-form-left .demo {
  display: block !important;
  float: left;
  width: 100% !important;
  height: auto !important;
}
.main-reg-form-wrap .login-reg-form-left .demo ul li p {
  font-size: 16px !important;
  line-height: 24px !important;
}

.login-form-right {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 20px !important;
  position: relative !important;
}
.login-form-right h1 {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 18px !important;
  font-weight: bold !important;
  margin-bottom: 15px !important;
}
.login-form-right h1 small {
  display: block !important;
  width: 100% !important;
}
.login-form-right .form-group {
  display: block;
  float: left;
  width: 100% !important;
}
.login-form-right .form-group label {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 5px !important;
  color: #666 !important;
  font-size: 13px !important;
  font-weight: normal !important;
}
.login-form-right .form-group label span {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 10px !important;
  font-size: 14px !important;
}
.login-form-right .form-group label span a {
  color: #30b983 !important;
  text-decoration: underline !important;
  font-size: 14px !important;
}
.login-form-right .form-group label span a:hover {
  color: #36437e !important;
  text-decoration: none !important;
}
.login-form-right .form-group input {
  display: block;
  float: left;
  width: 100% !important;
  padding: 5px 10px !important;
  height: 35px !important;
}
.login-form-right .form-group input::placeholder {
  font-size: 13px !important;
  color: #666 !important;
}
.login-form-right .form-group input:focus {
  border: 1px solid #36437e !important;
  background: #fdfdfd !important;
}
.login-form-right .form-group input.form-control.input-validation-error {
  margin: 0px 0px 0px 0px !important;
}
.login-form-right .form-group button {
  display: block;
  float: left;
  background: #36437e !important;
  color: #fff !important;
  padding: 17px 20px !important;
  cursor: pointer !important;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.login-form-right .form-group button:hover {
  background: #2e4cd4 !important;
}
.login-form-right .form-group .txt2 {
  color: #30b983 !important;
}
.login-form-right .form-group .txt2:hover {
  color: #36437e !important;
}
.login-form-right .form-group a.forget-password {
  float: right !important;
  color: #333 !important;
  text-decoration: underline !important;
}
.login-form-right .form-group a.forget-password:hover {
  color: #333 !important;
  text-decoration: none !important;
}
.login-form-right .form-group .btn-ring {
  display: none;
  top: 7px;
  position: absolute;
  right: 2px;
}
.login-form-right .form-group .btn-ring:after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  margin: 8px;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: ring 1.2s linear infinite;
}
@keyframes ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.login-form-right .form-group.option {
  margin-bottom: 0px !important;
}
.login-form-right .form-group.option input.form-check-input {
  width: 15px !important;
  height: 15px !important;
  border-radius: 50% !important;
}

#divRegStep1 small.heading-sub-text {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 5px !important;
  font-size: 13px !important;
}

#divRegStep2 small.heading-sub-text {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 5px !important;
}
#divRegStep2 .subscription-main-ln {
  margin-bottom: 10px !important;
}

#divRegStep3 small.heading-sub-text {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 5px !important;
}

input.btn.btn-lg.btn-success.btn-block.mb-3 {
  display: block;
  float: left;
  background: #36437e !important;
  font-size: 16px !important;
  color: #fff !important;
  padding: 10px 10px 15px 10px !important;
  cursor: pointer !important;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  width: auto !important;
  margin-bottom: 0px !important;
  border: none !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  height: auto !important;
}

button#btnSendCode {
  display: block;
  float: left;
  background: #c19b19 !important;
  font-size: 16px !important;
  color: #fff !important;
  padding: 10px 10px 15px 10px !important;
  cursor: pointer !important;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  width: auto !important;
  margin-bottom: 0px !important;
  border: none !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
button#btnSendCode:hover i.fa.fa-angle-double-right {
  padding-left: 10px !important;
}
button#btnSendCode i.fa.fa-angle-double-right {
  font-size: 16px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.login-main {
  display: block;
  float: left;
  width: auto !important;
  position: relative;
}
.login-main i {
  position: absolute !important;
  right: 15px !important;
  top: 17px !important;
  color: #fff !important;
  font-size: 19px !important;
  font-style: normal !important;
  transform: none !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.login-main i:before {
  content: "\f101";
  font-family: "FontAwesome" !important;
}
.login-main:hover input#btnLogin {
  background: #2e4cd4 !important;
}
.login-main:hover i {
  right: 15px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

input#btnLogin {
  padding: 15px 40px 15px 25px !important;
  height: auto !important;
  line-height: 22px !important;
  font-size: 17px !important;
  color: #fff;
  background-color: #36437e !important;
  border-color: transparent !important;
  border-radius: 5px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

a.dbOpenButton.btn.btn-secondary {
  background: #36437e !important;
  border: none !important;
  height: 35px !important;
  padding: 8px 10px;
}
a.dbOpenButton.btn.btn-secondary:focus {
  box-shadow: none !important;
}

select#Gender {
  font-size: 13px !important;
  padding: 5px !important;
}
select#Gender:focus {
  border: 1px solid #00ad5f !important;
  background: #fdfdfd !important;
}

select.form-control.valid:focus {
  color: #666 !important;
}

span.text-danger.field-validation-error {
  color: #f13a3a !important;
  font-size: 13px !important;
}
span.text-danger.field-validation-error span {
  color: #f13a3a !important;
  font-size: 13px !important;
}

p.text-center.text-white {
  font-size: 12px !important;
  font-style: normal !important;
  color: #666 !important;
  position: static !important;
  width: 100% !important;
  left: 0% !important;
  bottom: 10px !important;
}

.form-check {
  display: block;
  float: left;
  width: auto !important;
}
.form-check input.form-check-input {
  display: block;
  float: left !important;
  width: auto !important;
  width: 15px;
  height: 15px !important;
  border-radius: 50% !important;
}
.form-check label.form-check-label {
  display: block;
  float: left !important;
  width: auto !important;
  margin-top: 3px !important;
}

.title-pattern-login {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 20px !important;
}
.title-pattern-login h2 {
  padding-left: 0px !important;
}

.forgot-msg p a {
  color: #c19b19 !important;
}

.text-danger.validation-summary-errors {
  display: block;
  float: left;
  width: 250px !important;
}

.copyright-log {
  font-size: 13px !important;
}

.form-group.form-group-sm {
  display: block;
  float: left !important;
  width: 48% !important;
  margin-right: 20px !important;
}
.form-group.form-group-sm:nth-child(even) {
  margin-right: 0px !important;
  float: left !important;
}
.form-group.form-group-sm:nth-child(odd) {
  margin-right: 0px !important;
  float: right !important;
}

input#chkAgree {
  margin-top: 7px !important;
  display: block;
  float: left !important;
  width: 15px !important;
  height: 15px !important;
}

.form-check.form-check-inline input.form-check-input {
  display: block !important;
  float: left !important;
  width: auto !important;
  margin-top: 6px !important;
  width: 20px !important;
  height: 20px !important;
}

select#ddlYear {
  width: 98% !important;
  padding: 0px 5px !important;
}

select#ddlMonth {
  width: 98% !important;
  padding: 0px 5px !important;
}

select#ddlDay {
  padding: 0px 5px !important;
}

.indices-section.section-title.top-indices.ipo-result {
  display: block;
  float: left !important;
  width: 100% !important;
  margin-bottom: 20px !important;
}

select#ddlResultCompany:focus {
  border: 1px solid #30b983 !important;
}

.broker-search-form.financial-search-form form {
  margin: 0 auto !important;
  text-align: right !important;
}
.broker-search-form.financial-search-form form #divTimelineFilter {
  position: absolute;
  left: 30px !important;
  margin: 0px !important;
}
.broker-search-form.financial-search-form form #divTimelineFilter:after {
  content: "";
  display: inline-block;
  height: 38px !important;
  width: 1px;
  background: #999 !important;
  margin: 0 15px 0 15px !important;
  display: none !important;
}
.broker-search-form.financial-search-form form #divTimelineFilter .btn-group:after {
  content: "";
  position: absolute !important;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #ccc;
  border-bottom: 10px solid transparent;
  right: -9px !important;
  top: 9px !important;
}
.broker-search-form.financial-search-form form #divTimelineFilter .btn-group button {
  padding: 10px !important;
  border: 1px solid #ccc !important;
}
.broker-search-form.financial-search-form form .search-item {
  margin: 5px 0px 0px 0px !important;
}
.broker-search-form.financial-search-form form .search-item .input-group .input-group-prepend.d-none.d-lg-block span {
  padding: 6px 10px !important;
  border: 1px solid #ccc !important;
}
.broker-search-form.financial-search-form form .search-item .input-group select#ddlDataPoint {
  padding: 5px 6px !important;
  cursor: pointer;
  font-size: 13px !important;
  border: 1px solid #ccc !important;
  border-radius: 0px 5px 5px 0px !important;
}
.broker-search-form.financial-search-form form .search-item .btn-group button {
  padding: 5px 10px !important;
  border: 1px solid #ccc !important;
}

#divScreenerHomePage #divStockScreenerData table.table-alt.table-sortable tbody tr td.sticky-cell {
  width: 104px !important;
}
#divScreenerHomePage .indices-section-body .view-more {
  padding: 0px !important;
}
#divScreenerHomePage .indices-section-body .view-more a {
  padding: 0px !important;
}
#divScreenerHomePage .screener-data.scrollable-area.sticky-table.sticky-ltr-cells {
  height: auto !important;
}

#SentimentHistory {
  margin-bottom: 0px !important;
  padding: 0px !important;
  margin-top: -10px !important;
}

.agmmodal .modal-header {
  background: #30b983;
}
.agmmodal .modal-body h2 {
  margin-bottom: 0px !important;
  padding: 10px 20px !important;
  background: #30b983;
  color: #fff !important;
}

#sw-gianer-loser {
  padding: 0px !important;
  height: 625px !important;
}
#sw-gianer-loser .sub-index-section {
  padding: 0px !important;
}
#sw-gianer-loser #div-gainer-loser-chart {
  background: transparent !important;
  height: 640px !important;
}

#smm-section .history-data.sm-mover #tabs {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 20px 0px !important;
  border-bottom: 1px solid #ddd !important;
}
#smm-section .market-diaries-inside {
  padding: 0px !important;
}

.title-pattern.title-pattern-login h2 {
  font-weight: bold !important;
}

.dashboard-title {
  display: block;
  float: left;
  width: 100% !important;
  padding: 20px 0px !important;
}
.dashboard-title h1 {
  text-align: center !important;
  font-size: 22px !important;
  font-weight: bold;
}
.dashboard-title h1 a {
  font-weight: normal !important;
  font-size: 14px !important;
  text-align: right !important;
  display: inline-block;
  margin-top: 5px !important;
  font-weight: bold !important;
}

.dashboard-section {
  display: block;
  float: left;
  width: 100% !important;
}

.dashboard-design {
  display: block;
  float: left;
  width: 100% !important;
  margin: 40px 0px 0px 0px !important;
}
.dashboard-design .dashboard-logo {
  display: block;
  float: left;
  width: 100% !important;
  text-align: center;
}
.dashboard-design .dashboard-logo img {
  width: 40% !important;
  border-radius: 5px !important;
}
.dashboard-design .dashboard-form {
  display: block;
  float: left;
  width: 100% !important;
  text-align: center;
}
.dashboard-design .dashboard-form form span.select2-selection.select2-selection--single {
  border-radius: 5px !important;
  border: 1px solid #ccc !important;
  position: relative;
}
.dashboard-design .dashboard-form form span.select2-selection.select2-selection--single:after {
  content: "\f002";
  font-family: "FontAwesome";
  position: absolute;
  right: 2px !important;
  top: 1px !important;
  font-size: 18px !important;
  background: #30b983 !important;
  padding: 9px 10px 7px 10px;
  border-radius: 5px 5px;
  color: #fff !important;
  font-weight: normal !important;
}
.dashboard-design .dashboard-form form .form-group {
  display: block;
  float: none;
  width: 100% !important;
  margin: 0 auto !important;
  border-radius: 5px !important;
}
.dashboard-design .dashboard-form form button {
  float: left !important;
  width: 5% !important;
  background: none !important;
  padding: 4px !important;
}
.dashboard-design .dashboard-form form input {
  display: block;
  float: left;
  width: 90% !important;
  padding: 4px 10px !important;
}
.dashboard-design .dashboard-icon-section {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 50px !important;
}
.dashboard-design .dashboard-icon-list {
  width: 50% !important;
  margin: 0 auto 50px !important;
  margin-bottom: 0px !important;
}

span.select2.select2-container.select2-container--default.select2-container--below.select2-container--open span.select2-selection.select2-selection--single:after {
  background: #c19b19 !important;
}

span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus:hover span.select2-selection.select2-selection--single:after {
  background: #c19b19 !important;
}
span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus span.select2-selection.select2-selection--single:after {
  background: #c19b19 !important;
}

.dashboard-form form .form-group .form-group {
  box-shadow: none !important;
  border: none !important;
  width: 45% !important;
  padding: 5px !important;
  float: none !important;
  margin: 0 auto !important;
}
.dashboard-form form .form-group .form-group:hover span.select2-selection.select2-selection--single:after {
  background: #c19b19 !important;
}
.dashboard-form #txtStockSymbolFilter {
  width: 100% !important;
  position: static !important;
  right: 0% !important;
  top: 0% !important;
  padding: 0px !important;
  border: none !important;
}

.dashboard-stock-block {
  display: block;
  width: 100% !important;
  padding: 5px !important;
  margin: 0px auto !important;
  position: relative !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  height: 130px !important;
  margin-bottom: 20px !important;
  background: #fff !important;
  border-radius: 5px !important;
}
.dashboard-stock-block i {
  display: block;
  margin: 10px 0px !important;
  font-size: 40px !important;
  text-align: center !important;
}
.dashboard-stock-block img {
  width: auto !important;
  margin: 0 auto !important;
  text-align: center !important;
  display: block !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  margin: 0 auto 7px !important;
}
.dashboard-stock-block img.ba {
  width: 70% !important;
}
.dashboard-stock-block a {
  padding: 10px 0px !important;
  font-size: 13px !important;
  line-height: 18px !important;
  display: block;
  color: #36437e !important;
  overflow: hidden;
  width: 100% !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  margin: 0 auto !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.dashboard-stock-block a sup {
  color: #fff !important;
  background: #36437e !important;
  border-radius: 5px !important;
  padding: 8px 5px !important;
  top: 14px !important;
  font-size: 10px !important;
  animation: fade 2s linear infinite !important;
  position: absolute;
  height: 15px !important;
  right: 8px !important;
}
.dashboard-stock-block a:hover sup {
  animation: none !important;
}
.dashboard-stock-block a i.fa.fa-money {
  color: #30b983 !important;
}
.dashboard-stock-block a i.fa.fa-briefcase {
  color: #75482D !important;
}
.dashboard-stock-block a i.fa.fa-line-chart {
  display: block;
  float: left;
  width: 100% !important;
  color: #30b983 !important;
}
.dashboard-stock-block a i.fa.fa-bar-chart {
  color: #b35337 !important;
}
.dashboard-stock-block a i.fa.fa-area-chart {
  color: #1a7e56 !important;
}
.dashboard-stock-block a i.fa.fa-search-plus {
  color: #ca5395 !important;
}
.dashboard-stock-block a i.fa.fa-calculator {
  color: #205d83 !important;
}
.dashboard-stock-block a i.fa.fa-building {
  color: #0199da !important;
}
.dashboard-stock-block a i.fa.fa-handshake-o {
  color: #6D67C2 !important;
}
.dashboard-stock-block a i.fa.fa-envelope-open-o {
  color: #30b983 !important;
}
.dashboard-stock-block a i.fa-file-text {
  color: #205d83 !important;
}
.dashboard-stock-block a i.fa.fa-list {
  color: #666 !important;
}
.dashboard-stock-block a i.fa.fa-eye:before {
  color: #666 !important;
  display: block !important;
  float: left !important;
  width: 100% !important;
  font-size: 50px !important;
  text-align: center !important;
  font-family: "FontAwesome" !important;
  margin-bottom: 14px !important;
}
.dashboard-stock-block a i.fa.fa-arrows-v {
  color: #c19b19 !important;
}
.dashboard-stock-block:hover {
  width: 100% !important;
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.2) !important;
}
.dashboard-stock-block:hover a {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  color: #30b983 !important;
  overflow: visible;
  text-overflow: unset !important;
  white-space: normal !important;
}

.follow ul li a.facebook {
  display: block;
  float: left !important;
  height: 35px !important;
  width: 35px !important;
  margin: 0px 5px 0px 5px !important;
  background: url(../images/facebook-icon.png) no-repeat left top;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: block;
  float: left !important;
  height: 35px !important;
  width: 35px !important;
  margin: 0px 10px 0px 0px !important;
  background: url(../images/facebook-icon.png) no-repeat left top;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: block;
  float: left !important;
  height: 35px !important;
  width: 35px !important;
  margin: 0px 10px 0px 0px !important;
  background: url(../images/facebook-icon.png) no-repeat left top;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.follow ul li a.facebook:hover {
  background: transparent url(../images/facebook-icon.png) no-repeat left bottom;
  background: transparent url(../images/facebook-icon.png) no-repeat left bottom;
  background: transparent url(../images/facebook-icon.png) no-repeat left bottom;
}
.follow ul li a.youtube {
  display: block;
  float: left !important;
  height: 35px !important;
  width: 35px !important;
  margin: 0px 10px 0px 0px !important;
  background: url(../images/youtube-icon.png) no-repeat left top;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.follow ul li a.youtube:hover {
  background: transparent url(../images/youtube-icon.png) no-repeat left bottom;
}
.follow ul li a.linkedin {
  display: block;
  float: left !important;
  height: 35px !important;
  width: 35px !important;
  margin: 0px 10px 0px 0px !important;
  background: url(../images/linkedin-icon.png) no-repeat left top;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.follow ul li a.linkedin:hover {
  background: transparent url(../images/linkedin-icon.png) no-repeat left bottom;
}
.follow ul li a.instagram {
  display: block;
  float: left !important;
  height: 35px !important;
  width: 35px !important;
  margin: 0px 10px 0px 0px !important;
  background: url(../images/instagram-icon.png) no-repeat left top;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.follow ul li a.instagram:hover {
  background: transparent url(../images/instagram-icon.png) no-repeat left bottom;
}
.follow ul li a.tiktok {
  display: block;
  float: left !important;
  height: 35px !important;
  width: 35px !important;
  margin: 0px 10px 0px 0px !important;
  background: url(../images/tiktok-icon.png) no-repeat left top;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.follow ul li a.tiktok:hover {
  background: transparent url(../images/tiktok-icon.png) no-repeat left bottom;
}
.follow ul li a.twitter {
  display: block;
  float: left !important;
  height: 35px !important;
  width: 35px !important;
  margin: 0px 10px 0px 0px !important;
  background: url(../images/twitter-icon.png) no-repeat left top;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.follow ul li a.twitter:hover {
  background: transparent url(../images/twitter-icon.png) no-repeat left bottom;
}
.follow ul li a.viber {
  display: block;
  float: left !important;
  height: 35px !important;
  width: 35px !important;
  margin: 0px 10px 0px 0px !important;
  background: url(../images/viber-icon.png) no-repeat left top;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.follow ul li a.viber:hover {
  background: transparent url(../images/viber-icon.png) no-repeat left bottom;
}
.follow .contact-info {
  display: block;
  float: left;
  width: 100%;
  text-align: left !important;
  margin-bottom: 30px !important;
}

.nav-sidebar .nav-item {
  display: block;
  float: left;
  width: 100% !important;
  text-align: left !important;
}
.nav-sidebar .nav-item a sup {
  color: #fff !important;
  background: #36437e !important;
  border-radius: 5px !important;
  padding: 8px 5px !important;
  top: 8px !important;
  font-size: 10px !important;
  animation: fade 2s linear infinite !important;
  position: absolute;
  height: 15px !important;
  right: 15px !important;
}
.nav-sidebar .nav-item a.active sup {
  background: #2e4cd4 !important;
  right: 20px !important;
  top: 10px !important;
}

.dashboard-quicklinks {
  width: 60% !important;
  margin: 0 auto !important;
}
.dashboard-quicklinks h2 {
  display: none;
  float: left;
  width: 10% !important;
  color: #36437e !important;
  font-size: 14px !important;
  line-height: normal !important;
  margin-top: 1px !important;
}
.dashboard-quicklinks ul {
  display: block;
  float: left;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  padding-bottom: 30px !important;
}
.dashboard-quicklinks ul li {
  display: inline;
  width: auto !important;
  margin-right: 20px !important;
  margin-bottom: 10px !important;
  line-height: normal !important;
}
.dashboard-quicklinks ul li:last-child {
  margin-right: 0px !important;
}
.dashboard-quicklinks ul li a {
  text-decoration: underline !important;
  font-size: 14px !important;
  line-height: normal !important;
}
.dashboard-quicklinks ul li a:hover {
  color: #30b983 !important;
}

.dashboard-icon-list .free {
  position: absolute;
  top: -2px !important;
  right: -50px !important;
  width: 100%;
  transform: rotate(-30deg);
}
.dashboard-icon-list .free img {
  width: 45% !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.dashboard-icon-list .dashboard-stock-block:hover .free img {
  transform: rotate(360deg);
}

#select2-ddlCompanyAutoComplete-container::after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 1s infinite;
  animation: ellipsis steps(4, end) 1s infinite;
  content: "…";
  width: 0;
  margin-right: 20px;
}

#select2-ddlCompanyAutoCompleteHead-container::after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 1s infinite;
  animation: ellipsis steps(4, end) 1s infinite;
  content: "…";
  width: 0;
  margin-right: 20px;
}

#select2-txtStockSymbolFilter-container::after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 1s infinite;
  animation: ellipsis steps(4, end) 1s infinite;
  content: "…";
  width: 0;
  margin-right: 20px;
}

.lightning-effect {
  position: relative;
  overflow: hidden;
  font-size: 50px;
  color: #0199da;
  cursor: pointer;
}
.lightning-effect:before {
  content: "";
  width: 55px;
  position: absolute;
  top: 0;
  left: -55px;
  bottom: 0;
  z-index: 9;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), color-stop(50%, #fff), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, #fff 50%, rgba(255, 255, 255, 0.3) 100%);
  display: none !important;
  -webkit-animation: lightning-effect 4s infinite ease-in-out;
  animation: lightning-effect 4s infinite ease-in-out;
}

.time-date {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 10px !important;
  padding: 10px !important;
}
.time-date p {
  text-align: right !important;
}

.md-title {
  display: block;
  float: left;
  width: 100% !important;
}
.md-title table tr:hover {
  background: transparent !important;
}
.md-title table tr td {
  border: none !important;
}
.md-title table tr td p {
  font-size: 14px !important;
  font-weight: bold !important;
}
.md-title table tr td p span {
  margin-right: 5px !important;
}
.md-title table tr td p span.positive {
  color: #30b983 !important;
}
.md-title table tr td p span.negative {
  color: #f13a3a !important;
}
.md-title table tr td p em.positive {
  color: #30b983 !important;
}
.md-title table tr td p em.negative {
  color: #f13a3a !important;
}

.md-bid {
  display: block;
  float: left;
  width: 100% !important;
  border-right: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  background: #9cf4dc !important;
}
.md-bid h2 {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 14px !important;
}

.md-floorsheet {
  display: block;
  float: left;
  width: 100% !important;
  border-right: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  background: #30b983 !important;
  background: #555 !important;
}
.md-floorsheet h2 {
  color: #fff !important;
  font-size: 20px !important;
  font-size: 14px !important;
}

.md-ask {
  border-right: none !important;
  display: block;
  float: left;
  width: 100% !important;
  border-bottom: 1px solid #ddd !important;
  background: #ffe1e1 !important;
}
.md-ask h2 {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 15px !important;
}

.bid-request {
  display: block;
  float: left;
  width: 100% !important;
}
.bid-request table tr {
  border-bottom: 1px dotted #ddd !important;
}
.bid-request table tr td {
  padding: 10px !important;
  color: #666 !important;
}
.bid-request table tr td:last-child {
  color: #36437e !important;
}
.bid-request table tr td p {
  margin-bottom: 10px !important;
  font-weight: normal !important;
  font-size: 14px !important;
  color: #36437e !important;
}
.bid-request table tr td p:last-child {
  margin-bottom: 0px !important;
  color: #666 !important;
}

.drophere {
  display: block;
  float: left;
  width: 100% !important;
  background: #fff !important;
  cursor: move !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.draghere {
  display: block;
  margin: 0 auto !important;
  width: 50% !important;
  background: #fff !important;
  cursor: move !important;
  position: relative !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.draghere .draghere .search-company {
  margin: 0px !important;
}
.draghere .draghere .search-company #txtStockSymbolFilter {
  width: 100% !important;
}

.vertical-tab {
  display: block;
  float: left;
  width: 100% !important;
  padding: 20px !important;
}
.vertical-tab ul .nav-item .nav-link {
  background: #f1f1f1 !important;
  color: #000 !important;
  border-radius: 0px !important;
  margin-bottom: 10px !important;
}
.vertical-tab ul .nav-item a.nav-link.active {
  background: #30b983 !important;
  color: #fff !important;
}
.vertical-tab ul .nav-item a.nav-link.active.show {
  background: #30b983 !important;
  color: #fff !important;
}
.vertical-tab .tab-pane table {
  table-layout: fixed !important;
}
.vertical-tab .tab-pane table thead {
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
}
.vertical-tab .tab-pane table thead tr th {
  padding: 5px 5px !important;
}
.vertical-tab .tab-pane table tbody {
  border-bottom: 1px solid #ddd !important;
}
.vertical-tab .tab-pane table tbody:hover {
  background: #fafafa !important;
}
.vertical-tab .tab-pane table tbody:hover tr td .view-details p {
  background: transparent url(../images/eye-icon.png) no-repeat left bottom;
}
.vertical-tab .tab-pane table tbody tr:hover {
  background: none !important;
}
.vertical-tab .tab-pane table tbody tr td {
  border-bottom: none !important;
  font-weight: bold !important;
  color: #36437e;
}
.vertical-tab .tab-pane table tbody tr td p {
  font-weight: bold !important;
}
.vertical-tab .tab-pane table tbody tr td .view-details p {
  display: block;
  float: left !important;
  background: url(../images/eye-icon.png) no-repeat left top;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  height: 30px !important;
  width: 30px !important;
}
.vertical-tab .tab-pane table tbody tr td h3 {
  font-size: 14px;
  font-weight: normal !important;
  color: #666;
}
.vertical-tab .tab-pane table tbody tr td h3 button {
  background: #fff !important;
  border: 1px solid #b3b3b3 !important;
  padding: 5px 15px !important;
  color: #36437e !important;
  line-height: normal !important;
  float: right !important;
  margin-right: 0px !important;
}
.vertical-tab .tab-pane table tbody tr td h3 button:focus {
  box-shadow: none !important;
}
.vertical-tab .tab-pane table tbody tr td em {
  color: #666 !important;
  font-weight: normal !important;
}
.vertical-tab .tab-pane table tbody tr td em span {
  float: right !important;
  color: #666 !important;
  font-weight: normal !important;
}
.vertical-tab .tab-pane table.table-seperate tbody {
  border-bottom: none !important;
}
.vertical-tab .tab-pane table.table-seperate tbody:hover {
  background: transparent !important;
}
.vertical-tab .tab-pane table.table-seperate tbody tr {
  border-bottom: 1px solid #ddd !important;
  padding: 10px !important;
}
.vertical-tab .tab-pane table.table-seperate tbody tr:hover {
  background: #fafafa !important;
  border-bottom: 1px solid #ddd !important;
}
.vertical-tab .tab-pane table.table-seperate tbody tr td {
  border-bottom: none !important;
  padding: 10px !important;
}
.vertical-tab .modal-header {
  border-bottom: none !important;
  padding: 0px !important;
}
.vertical-tab .modal-header button.close {
  background: #f7f7f7 !important;
  border: none !important;
  position: absolute;
  z-index: 99 !important;
  right: 0px !important;
  top: 16px !important;
  right: 0px !important;
  padding: 0px 4px !important;
}
.vertical-tab .modal-header button.close span {
  font-size: 20px !important;
  line-height: 18px !important;
}
.vertical-tab .modal-body {
  display: block;
  float: left;
  width: 100% !important;
  padding: 20px !important;
  height: auto !important;
}

.return-looser {
  color: #f13a3a !important;
}
.return-looser i {
  color: #f13a3a !important;
}

.return-gainer {
  color: #30b983 !important;
}
.return-gainer i {
  color: #30b983 !important;
}

#ipo-news {
  padding: 20px 0px !important;
}
#ipo-news .m-latest-news ul li {
  border-bottom: 1px solid #ddd;
  padding: 0px 0px 10px 0px !important;
}
#ipo-news .m-latest-news ul li .social-share ul li {
  border-bottom: none !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
}
#ipo-news .m-latest-news ul li .social-share ul li a.facebook {
  display: block;
  float: left !important;
  background: url(../images/facebook-icon.png) no-repeat left top !important;
  transition: all 0.5s ease-in-out;
  height: 30px !important;
  margin: 0px 5px 0px 0px !important;
  width: 30px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
#ipo-news .m-latest-news ul li .social-share ul li a.twitter {
  display: block;
  float: left !important;
  background: url(../images/twitter-icon.png) no-repeat left top !important;
  transition: all 0.5s ease-in-out;
  height: 30px !important;
  width: 30px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

#a-news {
  padding: 20px 0px !important;
}
#a-news .m-latest-news ul li {
  border-bottom: 1px solid #ddd;
  padding: 0px 0px 10px 0px !important;
}
#a-news .m-latest-news ul li .social-share ul li {
  border-bottom: none !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
}
#a-news .m-latest-news ul li .social-share ul li a.facebook {
  display: block;
  float: left !important;
  background: url(../images/facebook-icon.png) no-repeat left top !important;
  transition: all 0.5s ease-in-out;
  height: 30px !important;
  margin: 0px 5px 0px 0px !important;
  width: 30px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
#a-news .m-latest-news ul li .social-share ul li a.twitter {
  display: block;
  float: left !important;
  background: url(../images/twitter-icon.png) no-repeat left top !important;
  transition: all 0.5s ease-in-out;
  height: 30px !important;
  width: 30px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

#right-news {
  padding: 20px 0px !important;
}
#right-news .m-latest-news ul li {
  border-bottom: 1px solid #ddd;
  padding: 0px 0px 10px 0px !important;
}
#right-news .m-latest-news ul li .social-share ul li {
  border-bottom: none !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
}
#right-news .m-latest-news ul li .social-share ul li a.facebook {
  display: block;
  float: left !important;
  background: url(../images/facebook-icon.png) no-repeat left top !important;
  transition: all 0.5s ease-in-out;
  height: 30px !important;
  margin: 0px 5px 0px 0px !important;
  width: 30px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
#right-news .m-latest-news ul li .social-share ul li a.twitter {
  display: block;
  float: left !important;
  background: url(../images/twitter-icon.png) no-repeat left top !important;
  transition: all 0.5s ease-in-out;
  height: 30px !important;
  width: 30px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

#bonds-news {
  padding: 20px 0px !important;
}
#bonds-news .m-latest-news ul li {
  border-bottom: 1px solid #ddd;
  padding: 0px 0px 10px 0px !important;
}
#bonds-news .m-latest-news ul li .social-share ul li {
  border-bottom: none !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
}
#bonds-news .m-latest-news ul li .social-share ul li a.facebook {
  display: block;
  float: left !important;
  background: url(../images/facebook-icon.png) no-repeat left top !important;
  transition: all 0.5s ease-in-out;
  height: 30px !important;
  margin: 0px 5px 0px 0px !important;
  width: 30px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
#bonds-news .m-latest-news ul li .social-share ul li a.twitter {
  display: block;
  float: left !important;
  background: url(../images/twitter-icon.png) no-repeat left top !important;
  transition: all 0.5s ease-in-out;
  height: 30px !important;
  width: 30px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.e-link {
  display: block;
  float: left;
  width: 100% !important;
}
.e-link ul {
  display: block;
  float: left;
  width: 100% !important;
}
.e-link ul li {
  display: inline !important;
}
.e-link ul li:last-child a {
  border-right: none !important;
  padding: 0px 5px !important;
}
.e-link ul li a {
  font-size: 13px !important;
  padding: 0px 5px !important;
  border-right: 1px solid #aaa !important;
}
.e-link ul li a:hover {
  text-decoration: underline !important;
}
.e-link ul li .view-more {
  display: inline;
  float: right !important;
  width: auto !important;
  padding: 0px !important;
  position: relative !important;
  position: relative !important;
  margin-right: 20px;
}
.e-link ul li .view-more a {
  padding: 5px 10px !important;
  font-size: 14px !important;
}
.e-link ul li .view-more a:hover {
  text-decoration: none !important;
  color: #000 !important;
}
.e-link ul li .view-more a:hover i {
  transition: all 0.5s ease-in-out;
  height: 30px !important;
  margin: 0px 5px 0px 0px !important;
  width: 30px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  padding-left: 20px !important;
  color: #000 !important;
}
.e-link ul li .view-more a i {
  margin-left: 10px !important;
  transition: all 0.5s ease-in-out;
  height: 30px !important;
  margin: 0px 5px 0px 0px !important;
  width: 30px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  position: absolute;
  top: 5px !important;
  padding-left: 10px !important;
}

.m-latest-news ul li h3 a {
  margin-bottom: 6px !important;
  font-size: 16px !important;
  display: block;
  float: left;
  width: auto !important;
  line-height: normal !important;
  color: #36437e !important;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.m-latest-news ul li p {
  margin-bottom: 10px !important;
}
.m-latest-news ul li span {
  color: #666 !important;
  font-size: 13px !important;
}
.m-latest-news ul li span em {
  border-left: 1px solid #ddd !important;
  padding-left: 10px !important;
  margin-left: 10px !important;
}
.m-latest-news ul li:hover h3 a {
  color: #30b983 !important;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  cursor: pointer !important;
}

.con-listing ul li p em {
  border-left: 1px solid #aaa !important;
  padding-left: 10px !important;
  margin-left: 10px !important;
}

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

.ipo-section {
  border: 1px solid #ddd !important;
  padding: 20px !important;
  height: 120px !important;
}

.vertical-tab.resp-tab-content.resp-tab-content-active .tab-pane {
  padding: 0px !important;
}
.vertical-tab.resp-tab-content.resp-tab-content-active button.close {
  right: 16px !important;
}
.vertical-tab.resp-tab-content.resp-tab-content-active button.btn.btn-primary {
  background: transparent !important;
  border: none !important;
  padding: 0px !important;
}
.vertical-tab.resp-tab-content.resp-tab-content-active button.btn.btn-primary:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.modal.fade.modal-investment.show .modal-body h3 {
  margin-bottom: 5px !important;
  background: #36437e !important;
  padding: 10px !important;
  color: #fff !important;
}
.modal.fade.modal-investment.show .modal-body p {
  margin-bottom: 5px !important;
}
.modal.fade.modal-investment.show .modal-body ul {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  border: 1px dotted #ccc !important;
  margin-bottom: 10px !important;
}
.modal.fade.modal-investment.show .modal-body ul li {
  display: block;
  float: left !important;
  width: 100% !important;
  margin-bottom: 0px !important;
  padding: 3px 10px !important;
}
.modal.fade.modal-investment.show .modal-body ul li p {
  width: auto !important;
  float: right !important;
  margin-bottom: 0px !important;
}
.modal.fade.modal-investment.show .modal-body h4 {
  margin-bottom: 10px !important;
  font-size: 13px !important;
}
.modal.fade.modal-investment.show table thead {
  border-bottom: 1px solid #ddd !important;
  border-top: 1px solid #ddd !important;
  background: #ddd !important;
}
.modal.fade.modal-investment.show table thead tr th {
  padding: 5px !important;
}

p.mt-20 a.btn.btn-success.btn-block {
  color: #fff !important;
}
p.mt-20 a.btn-success.focus {
  box-shadow: none !important;
  color: #fff !important;
}

.alphaFilter {
  display: block;
  width: 100% !important;
  padding: 10px !important;
  text-align: center;
}
.alphaFilter li {
  display: inline-block;
  width: auto !important;
  height: 40px !important;
}

.box {
  margin: auto;
  position: relative;
  margin-right: -3px !important;
  width: 30px;
  height: 30px;
  border-right: 1px solid #bbb !important;
  overflow: hidden;
}
.box span {
  position: absolute !important;
  left: 0% !important;
  top: 0% !important;
  padding: 5px 10px !important;
  color: #fff !important;
  font-weight: bold;
}

ul.alphaFilter.menu li:last-child .box {
  border-right: none !important;
}

.box__right {
  position: absolute;
  width: inherit;
  height: inherit;
  text-align: center;
  line-height: inherit;
  transition: transform 0.4s ease;
}

.box__left {
  position: absolute;
  width: inherit;
  height: inherit;
  text-align: center;
  line-height: inherit;
  transition: transform 0.4s ease;
}

.box__top {
  position: absolute;
  width: inherit;
  height: inherit;
  text-align: center;
  line-height: inherit;
  transition: transform 0.4s ease;
  z-index: 99 !important;
  position: absolute !important;
  display: block;
  float: left;
  width: 100% !important;
  background: #36437e;
  transform: translateY(-100%);
}
.box__top:before {
  position: absolute;
  content: "";
  width: 30px !important;
  height: 30px !important;
  transform: rotate(45deg);
  top: 100%;
  right: 0;
  transform-origin: 100% 0;
  transform: rotate(45deg);
}
.box__top:hover {
  transform: translateX(0);
  z-index: 1;
}
.box__top:hover:before {
  width: 100%;
  height: 100%;
  transform: none;
}
.box__top:hover ~ .box__center {
  transform: translateY(100%);
}

.box__bottom {
  position: absolute;
  width: inherit;
  height: inherit;
  text-align: center;
  line-height: inherit;
  transition: transform 0.4s ease;
  z-index: 99 !important;
  position: absolute !important;
  display: block;
  float: left;
  width: 100% !important;
  background: #36437e;
  transform: translateY(100%);
}
.box__bottom:before {
  position: absolute;
  content: "";
  width: 30px !important;
  height: 30px !important;
  transform: rotate(45deg);
  bottom: 100%;
  left: 0;
  transform-origin: 0 100%;
}
.box__bottom:hover {
  transform: translateX(0);
  z-index: 1;
}
.box__bottom:hover:before {
  width: 100%;
  height: 100%;
  transform: none;
}
.box__bottom:hover ~ .box__center {
  transform: translateY(-100%);
}

.box__center {
  position: absolute;
  width: inherit;
  height: inherit;
  text-align: center;
  line-height: inherit;
  transition: transform 0.4s ease;
  background: #fff !important;
  width: 30px !important;
  height: 30px !important;
}
.box__center span {
  color: #36437e !important;
}
.box__center:before {
  position: absolute;
  content: "";
  width: 30px !important;
  height: 30px !important;
  transform: rotate(45deg);
}
.box__center:hover {
  transform: translateX(0);
  z-index: 1;
}
.box__center:hover:before {
  width: 100%;
  height: 100%;
  transform: none;
}

.stock-area-details {
  display: block;
  float: left !important;
  width: 100% !important;
  margin-top: 10px !important;
}
.stock-area-details ul {
  display: block;
  float: left !important;
  width: 100% !important;
}
.stock-area-details ul li {
  display: inline !important;
  float: left;
  width: 15.5% !important;
  text-align: center !important;
  padding: 10px !important;
  border: 1px solid #bbb !important;
  margin-right: 10px !important;
  height: 120px !important;
}
.stock-area-details ul li:last-child {
  margin-right: 0px !important;
}
.stock-area-details ul li a p {
  font-size: 28px !important;
  margin-bottom: 10px !important;
}
.stock-area-details .sa-section {
  display: block !important;
  float: left;
  width: 100% !important;
  margin-right: 10px !important;
  transition: all 0.5s ease-in-out !important;
  box-shadow: 0 3px 8px -3px rgba(11, 11, 11, 0.16) !important;
  padding-bottom: 20px !important;
  background: #fff;
  border: 1px solid transparent !important;
}
.stock-area-details .sa-section a h3 {
  display: block;
  float: left !important;
  width: 100% !important;
  font-size: 16px !important;
  transition: all 0.5s ease-in-out !important;
  left: 10px !important;
  color: #36437e !important;
  padding: 10px !important;
  border-left: 5px solid #30b983;
  line-height: 26px !important;
  height: 70px;
  font-weight: normal !important;
  margin: 20px 0px 20px -10px !important;
  position: relative;
}
.stock-area-details .sa-section a h3 i {
  transition: all 0.5s ease-in-out !important;
  position: absolute;
  right: 40px !important;
  bottom: 15px !important;
}
.stock-area-details .sa-section h3 i {
  text-align: right !important;
}
.stock-area-details .sa-section:hover {
  box-shadow: none !important;
  background: #fff;
  border: 1px solid #ddd !important;
}
.stock-area-details .sa-section:hover a h3 {
  border-left: 15px solid #bb9e3e !important;
  transition: all 0.5s ease-in-out !important;
  color: #666 !important;
}
.stock-area-details .sa-section:hover a h3 i {
  color: #666 !important;
  transition: all 0.5s ease-in-out !important;
  right: 20px !important;
}
.stock-area-details .sa-section:hover p {
  transition: all 0.5s ease-in-out !important;
  color: #666 !important;
}

p.timer.count-title.count-number {
  font-size: 35px !important;
  padding: 25px 0px !important;
  font-weight: bold !important;
  text-align: center !important;
  transition: all 0.5s ease-in-out !important;
  color: #36437e !important;
}

.sa-section:hover img {
  transform: rotate(-360deg) !important;
}

.nepse-announcement {
  display: block;
  float: left;
  width: 100% !important;
  padding: 20px !important;
}
.nepse-announcement table thead {
  background: #efefef !important;
}
.nepse-announcement table tbody tr td i {
  font-size: 26px !important;
}
.nepse-announcement table tbody:hover tr td i {
  color: #f13a3a !important;
}

.show-hide {
  display: block;
  float: left;
  width: auto !important;
  text-align: right !important;
  position: absolute;
  z-index: 97 !important;
  top: 12px;
  right: 15px;
}
.show-hide a:first-child {
  margin-right: 2px !important;
}
.show-hide a img {
  width: 18px !important;
  height: 18px !important;
}
.show-hide a i {
  font-size: 22px !important;
  background: #f0f0f0 !important;
  padding: 10px !important;
  font-weight: normal !important;
}
.show-hide a.grid-style.selecte-div-color i {
  background: #36437e !important;
  color: #fff !important;
}
.show-hide a.grid-style.selecte-div-color i:hover {
  background: #2e4cd4;
  cursor: pointer !important;
}
.show-hide a.table-style.selecte-div-color i {
  background: #36437e !important;
  color: #fff !important;
}
.show-hide a.table-style.selecte-div-color i:hover {
  background: #2e4cd4;
  cursor: pointer !important;
}

#div2 {
  display: none;
}

.cnt {
  display: block;
  float: left;
  width: 100% !important;
  position: relative;
}
.cnt .show-hide a {
  cursor: pointer !important;
}
.cnt .highcharts-title {
  display: none !important;
}
.cnt ul.resp-tabs-list {
  width: 100% !important;
  padding: 10px 0px 15px 0px !important;
}

#highcharts-8pi03k6-16 {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px !important;
}
#highcharts-8pi03k6-16 svg {
  display: block;
  width: 100% !important;
  margin: 0 auto !important;
}

.dq-details {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 10px !important;
  margin: 20px 0px !important;
}
.dq-details ul {
  display: block;
  float: left;
  width: 100% !important;
}
.dq-details ul li {
  display: block;
  float: left;
  width: auto !important;
}
.dq-details table {
  margin-bottom: 0px !important;
}
.dq-details table thead tr th {
  padding: 10px !important;
}
.dq-details table tbody tr td {
  border-bottom: none !important;
  padding: 6px 10px !important;
}
.dq-details table tbody tr td span.plus {
  margin-left: 30px !important;
  color: #30b983 !important;
  position: relative !important;
}
.dq-details table tbody tr td span.plus:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #30b983;
  position: absolute;
  top: 3px !important;
  left: -13px !important;
}
.dq-details table tbody tr td span.minus {
  margin-left: 45px !important;
  color: #f13a3a !important;
  position: relative;
}
.dq-details table tbody tr td span.minus:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #f13a3a;
  position: absolute;
}
.dq-details table tbody tr td span.unchange {
  margin-left: 45px !important;
  color: #0199da !important;
  position: relative;
}
.dq-details table tbody tr td span.unchange:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #4cb9df;
  border-radius: 50%;
  position: absolute;
}

#divStockSummaryBox .dq-details table tbody tr td span.plus:before {
  top: 3px !important;
  left: -13px !important;
}
#divStockSummaryBox .dq-details table tbody tr td span.plus:nth-child(odd):before {
  display: none !important;
}
#divStockSummaryBox .dq-details table tbody tr td span.minus:before {
  top: 4px !important;
  left: -13px !important;
}
#divStockSummaryBox .dq-details table tbody tr td span.minus:nth-child(odd):before {
  display: none !important;
}
#divStockSummaryBox .dq-details table tbody tr td span.unchange:before {
  top: 4px !important;
  left: -13px !important;
}
#divStockSummaryBox .dq-details table tbody tr td span.unchange:nth-child(odd):before {
  display: none !important;
}

.dq-top {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px 0px 20px 0px !important;
}

.dq-market-depth {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 10px !important;
  border: 1px solid #ddd !important;
}
.dq-market-depth h3 {
  padding-left: 0px !important;
  margin-bottom: 10px !important;
  background: #f2f2f2 !important;
  padding: 10px !important;
  font-size: 15px !important;
}
.dq-market-depth h4 {
  padding-left: 0px !important;
  margin-bottom: 10px !important;
  font-size: 18px !important;
}
.dq-market-depth .md-bid {
  width: 100% !important;
  padding: 0px !important;
  border: none !important;
}
.dq-market-depth .md-bid h2 {
  padding: 10px !important;
  border: none !important;
}
.dq-market-depth .md-ask {
  width: 100% !important;
  padding: 0px !important;
  border: none !important;
}
.dq-market-depth .md-ask h2 {
  padding: 10px !important;
  border: none !important;
}

.dq-sm-charth h3 {
  padding-left: 0px !important;
  margin-bottom: 10px !important;
  background: #f2f2f2 !important;
  padding: 10px !important;
  font-size: 15px !important;
  padding-left: 15px !important;
  margin-bottom: 10px !important;
}

.dq-padder {
  padding: 0px 10px 0px 10px !important;
}

.dq-bottom {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px 0px 20px 0px !important;
}

.dq-sm-chart {
  display: block;
  float: left;
  width: 100% !important;
}

div#div-chart {
  overflow: visible !important;
}

.statistic-data {
  display: block;
  float: left;
  width: 100% !important;
  padding: 15px 0px !important;
}
.statistic-data h3 {
  display: block;
  float: left;
  width: auto !important;
  padding: 10px 20px !important;
  border: none !important;
  background-color: #f1f1f1 !important;
}
.statistic-data table {
  margin-bottom: 20px !important;
}
.statistic-data table thead tr {
  border-bottom: 1px solid #ddd !important;
}
.statistic-data table tbody tr td.bear {
  color: #f13a3a !important;
}
.statistic-data table tbody tr td.bear span {
  color: #f13a3a !important;
}
.statistic-data table tbody tr td.bull {
  color: #30b983 !important;
}
.statistic-data table tbody tr td.bull span {
  color: #30b983 !important;
}
.statistic-data table tbody tr td:first-child {
  font-weight: bold !important;
}
.statistic-data .progress-section {
  border: 1px solid #ddd !important;
  padding: 10px 10px;
  margin-top: 0px !important;
}
.statistic-data .progress-section .bg-warning {
  background-color: #f13a3a !important;
}
.statistic-data .progress-section .bg-success {
  background-color: #30b983 !important;
}
.statistic-data .progress-section .progress-title ul li.down:before {
  background-color: #f13a3a !important;
}
.statistic-data .progress-section .progress-title ul li.up:before {
  background-color: #30b983 !important;
}
.statistic-data .progress-section .progress-bar {
  color: #fff !important;
}

.dq-statistic-data {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  margin-top: 0px !important;
}
.dq-statistic-data table {
  border: none !important;
  margin-bottom: 0px !important;
}
.dq-statistic-data table tbody tr td span.plus:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #30b983;
  position: absolute;
  top: 302px;
  left: 102px !important;
}

.ma-table thead tr th {
  width: 20% !important;
  vertical-align: middle !important;
}
.ma-table thead tr th img {
  width: 30% !important;
}

.pivot-point-list {
  display: block;
  float: left;
  width: 100% !important;
}
.pivot-point-list ul {
  display: block;
  float: left;
  width: 100% !important;
  border-top: 1px solid #d2d2d2 !important;
  border-bottom: 1px solid #d2d2d2 !important;
  padding: 10px 5px;
}
.pivot-point-list ul li {
  display: block;
  float: left;
  margin-right: 12px !important;
  color: #666 !important;
}
.pivot-point-list ul li span {
  font-weight: normal !important;
  font-weight: bold !important;
}

.progress-section {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 20px !important;
}

.progress-title {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 5px !important;
}
.progress-title p {
  display: block;
  float: left;
  width: auto !important;
}
.progress-title span {
  float: right !important;
}
.progress-title ul {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 0px 0px 0px !important;
}
.progress-title ul li {
  display: block;
  float: left;
  width: auto !important;
  margin-right: 20px !important;
  padding-left: 20px !important;
  position: relative;
}
.progress-title ul li.up:before {
  content: "";
  display: block;
  float: left;
  width: 15px !important;
  height: 15px !important;
  background: #9cf4dc !important;
  position: absolute;
  left: 0px !important;
  top: 4px !important;
}
.progress-title ul li.down:before {
  content: "";
  display: block;
  float: left;
  width: 15px !important;
  height: 15px !important;
  background: #ffe1e1 !important;
  position: absolute;
  left: 0px !important;
  top: 4px !important;
}
.progress-title ul li.unchange:before {
  content: "";
  display: block;
  float: left;
  width: 15px !important;
  height: 15px !important;
  background: #69A9C2 !important;
  position: absolute;
  left: 0px !important;
  top: 4px !important;
}

.market-diaries-inside {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 5px 10px 10px !important;
}

.progress {
  margin: 0% !important;
  display: block;
  float: left;
  width: 100% !important;
  border-radius: 0px !important;
  height: 25px !important;
}

.progress-bar {
  margin: 0% !important;
  float: left !important;
  color: #666 !important;
  height: 25px !important;
}

.bg-success {
  background-color: #040505 !important;
}

.bg-warning {
  background-color: #ffe1e1 !important;
}

.bg-danger {
  background-color: #0199da !important;
}

.md-gainer {
  display: block;
  float: left;
  width: 99% !important;
  margin-left: 5px !important;
  margin-bottom: 20px !important;
}
.md-gainer h4 {
  background: #f1f1f1 !important;
}
.md-gainer ul {
  display: block;
  float: left;
  width: 100% !important;
}
.md-gainer ul li {
  width: 100% !important;
  border-bottom: 1px dotted #d2d2d2 !important;
  padding: 5px !important;
}
.md-gainer ul li span {
  float: right !important;
  color: #30b983 !important;
}

.md-loser {
  display: block;
  float: left;
  width: 99% !important;
  margin-right: 5px !important;
  margin-bottom: 20px !important;
}
.md-loser h4 {
  background: #f1f1f1 !important;
}
.md-loser ul {
  display: block;
  float: left;
  width: 100% !important;
}
.md-loser ul li {
  width: 100% !important;
  border-bottom: 1px dotted #d2d2d2 !important;
  padding: 5px !important;
}
.md-loser ul li span {
  float: right !important;
  color: #f13a3a !important;
}

.pe-ratio {
  margin-top: 0px !important;
}

text.highcharts-credits {
  display: none !important;
}

.advanced-search-form {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 0px 0px 0px !important;
}
.advanced-search-form .form-group {
  display: block;
  float: left;
  width: 100% !important;
}
.advanced-search-form .form-group label {
  display: block;
  float: left;
  width: auto !important;
  padding-top: 5px !important;
  margin-right: 20px !important;
  margin-bottom: 0px !important;
}
.advanced-search-form .form-group input {
  border: 1px solid #ddd !important;
  display: block;
  float: left;
  width: calc(100% - 150px) !important;
}
.advanced-search-form .form-group input:focus {
  outline: none !important;
  box-shadow: none !important;
}

.as-section {
  display: block;
  float: left;
  width: 100% !important;
  margin: 20px 0px !important;
  border: 1px solid #ddd !important;
  padding: 10px 0px !important;
  background: #fbfbfb !important;
}
.as-section .justify-content-md-center {
  background: #f3f3f3 !important;
  margin-bottom: 0px !important;
  margin-top: -10px !important;
}
.as-section .form-group {
  margin-bottom: 10px !important;
}
.as-section .h-data-search-section .daily-data form {
  padding: 10px 10px !important;
  height: auto !important;
}
.as-section .h-data-search-section .daily-data form .form-group {
  width: 47% !important;
  float: left !important;
  margin: 0px 5px 0px 0px !important;
  margin-bottom: 10px !important;
}
.as-section .h-data-search-section .daily-data form .form-group:last-child {
  margin: 0px !important;
}
.as-section .h-data-search-section .daily-data form .form-group.as-search-btn {
  width: 98% !important;
  width: 98% !important;
}
.as-section .h-data-search-section #daily-stock-data form .form-group:last-child {
  width: 100% !important;
}
.as-section .h-data-search-section #monthly-stock-data form .form-group:last-child {
  width: 100% !important;
}

.history-active {
  margin-top: 0px !important;
  box-shadow: 0 2px 25px 0 rgba(33, 33, 33, 0.15) !important;
}
.history-active p {
  background: #30b983 !important;
  color: #fff !important;
  box-shadow: 0 2px 25px 0 rgba(33, 33, 33, 0.15) !important;
}
.history-active i {
  color: #fff !important;
}
.history-active form {
  height: 135px !important;
}

.investment-opportunities-main #b-stock ul#all_tabs li a.active.show {
  margin-top: -8px !important;
}

.histroy-data-title p {
  display: block;
  float: left !important;
  width: auto !important;
}
.histroy-data-title .histroy-data-hl {
  display: block;
  float: right !important;
  width: auto !important;
}
.histroy-data-title .histroy-data-hl p {
  margin-left: 20px !important;
}
.histroy-data-title .histroy-data-hl p.high {
  padding: 0px 10px !important;
}
.histroy-data-title .histroy-data-hl p.high span {
  color: #30b983 !important;
  font-weight: bold !important;
}
.histroy-data-title .histroy-data-hl p.low span {
  color: #f13a3a !important;
  font-weight: bold !important;
}

body.company-page .co-title-section {
  margin-bottom: 20px !important;
  position: relative;
}
body.company-page .co-title-section .company-contact {
  display: block !important;
}
body.company-page .co-title-section .company-search {
  display: block !important;
  width: 100% !important;
  height: 50px !important;
  padding: 0px !important;
  position: absolute !important;
  left: calc(100% - 280px) !important;
  top: -65px !important;
}
body.company-page .co-title-section .company-search-m {
  display: block !important;
  width: 100% !important;
  height: 50px !important;
  padding: 0px !important;
  position: absolute !important;
  left: calc(100% - 280px) !important;
  top: -40px !important;
}
body.company-page .co-title-section .price-performance {
  display: block;
  float: left;
  width: auto !important;
  margin: 2px 0px 0px 20px !important;
}
body.company-page .co-title-section .price-performance table tbody td {
  padding: 0px !important;
}
body.company-page .co-title-section .price-performance table tbody td .price-perf a span {
  margin: 0px !important;
}
body.company-page .co-title-section .co-highlight {
  display: block !important;
}
body.company-page .co-title-section .company-ltp {
  display: none !important;
}
body.company-page .co-title-section .add-watchlist {
  margin-left: 10px !important;
}
body.company-page .co-title-section .search-box-alt {
  width: 280px;
  margin: 0px 0px 0px 0px !important;
  position: absolute !important;
}
body.company-page .co-title-section .search-box-alt .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none !important;
}
body.company-page .co-title-section .search-box-alt .select2-container--default .select2-selection--single .select2-selection__arrow:after {
  content: "\f002";
  position: absolute;
  font-family: "FontAwesome";
  top: 10px !important;
  right: 10px !important;
  color: #30b983 !important;
}
body.company-page div#mcTooltip {
  left: -35px !important;
  top: 5px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 2px 5px !important;
}

.company-ltp span {
  font-size: 16px !important;
}
.company-ltp span span {
  font-weight: bold !important;
  margin-right: 5px !important;
  font-size: 18px !important;
}
.company-ltp span.zero {
  color: #0199da !important;
}

.company-sticky-header {
  display: inline-block;
  margin: 0 auto !important;
}
.company-sticky-header span.negative {
  padding: 0px 0px 0px 20px !important;
}
.company-sticky-header span.negative span {
  font-weight: bold !important;
  margin-right: 5px !important;
  font-size: 18px !important;
  line-height: 15px !important;
}

.co-set-alert button {
  background: none !important;
  padding: 0px !important;
  height: 14px !important;
}
.co-set-alert button .fa-share-alt {
  color: #30b983 !important;
  border-radius: 50% !important;
  border: 1px solid #30b983;
  height: 32px !important;
  width: 32px !important;
  line-height: 6px !important;
  margin-top: -15px !important;
  vertical-align: text-top;
  padding: 13px 4px !important;
  font-size: 17px !important;
}

.company-search form .form-group input {
  display: block;
  float: left;
  width: 100% !important;
  border: 1px solid #ddd !important;
  padding: 7px 10px;
}

ul.company-contact li p a:hover {
  text-decoration: underline !important;
}

.co-highlight {
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0px 10px 0px !important;
  margin-top: 0px !important;
}
.co-highlight p.co-date {
  margin-top: 0px !important;
  position: relative;
  padding: 2px 0px 0px 10px;
}
.co-highlight p.co-date:before {
  content: "";
  position: absolute;
  height: 5px;
  width: 5px;
  animation: pulse 1s infinite ease-in-out alternate;
  background: #999 !important;
  border-radius: 50% !important;
  left: 0px !important;
  top: 6px;
}
.co-highlight .co-highlight-block.mf-co-highlight {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
}
.co-highlight .co-highlight-block.mf-co-highlight span {
  display: block;
  float: left;
  width: auto !important;
}
.co-highlight .co-highlight-block.mf-co-highlight span:first-child {
  font-size: 40px !important;
  font-weight: bold !important;
  margin-right: 20px !important;
}
.co-highlight .co-highlight-block.mf-co-highlight span:last-child {
  margin-top: 20px !important;
}
.co-highlight .co-highlight-block {
  display: block;
  float: left;
  width: 100%;
  padding-top: 5px !important;
}
.co-highlight .co-highlight-block p {
  margin-bottom: 5px !important;
  color: #666 !important;
}
.co-highlight .co-highlight-block span {
  display: block;
  float: left;
  width: auto;
  font-size: 16px !important;
  font-weight: normal !important;
}
.co-highlight .co-highlight-block span span.low {
  display: inline !important;
  width: auto !important;
  float: left;
  color: #f13a3a !important;
  font-size: 15px !important;
  line-height: 24px;
  padding-right: 5px !important;
}
.co-highlight .co-highlight-block span span.high {
  display: inline !important;
  width: auto !important;
  float: right;
  color: #30b983 !important;
  font-size: 15px !important;
  line-height: 24px;
  padding-left: 5px !important;
}
.co-highlight .co-highlight-block span span.ch-ltp {
  width: auto;
  font-size: 35px !important;
  font-weight: bold !important;
  margin-right: 15px !important;
  margin-top: -20px !important;
}
.co-highlight .co-highlight-block span.positive {
  color: #30b983 !important;
  margin-top: 18px !important;
}
.co-highlight .co-highlight-block span.negative {
  color: #f13a3a !important;
  margin-top: 18px !important;
}
.co-highlight .co-highlight-block span.zero {
  color: #0199da !important;
  margin-top: 18px !important;
}
.co-highlight .co-highlight-block span.unchange {
  color: #0199da !important;
  margin-top: 18px !important;
}
.co-highlight #asOfDate .as-of-date-title {
  padding: 5px 0px !important;
}

.column-7.padder.fuller {
  width: 14% !important;
}

.mutual-fund {
  display: block;
  float: left;
  width: 100%;
  padding: 10px !important;
  border-top: none !important;
  margin: 10px 0px 0px 0px !important;
  background: #f3f3f3 !important;
}
.mutual-fund .mutual-fund-section {
  display: inline-block;
  position: relative;
  background: none;
  border: none;
  color: #f13a3a;
  font-size: 18px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.09);
}
.mutual-fund .mutual-fund-section::before {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #30b983;
}
.mutual-fund .mutual-fund-section::after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #30b983;
}
.mutual-fund .mutual-fund-section:hover::before {
  width: 100%;
}
.mutual-fund .mutual-fund-section:hover::after {
  width: 100%;
}
.mutual-fund .mutual-fund-section:hover .btn-3-side::before {
  height: 100%;
}
.mutual-fund .mutual-fund-section:hover .btn-3-side::after {
  height: 100%;
}

.mutual-fund-section {
  background: #fff !important;
  border: 1px solid #ddd !important;
  padding: 10px !important;
}
.mutual-fund-section .co-highlight-block {
  padding-top: 0px !important;
  margin-bottom: 20px !important;
  text-align: left !important;
}

.btn-3-side::before {
  content: "";
  width: 2px;
  height: 0;
  position: absolute;
  transition: all 0.2s linear;
  background: #30b983;
}
.btn-3-side::after {
  content: "";
  width: 2px;
  height: 0;
  position: absolute;
  transition: all 0.2s linear;
  background: #30b983;
}

.btn-3::after {
  left: 0;
  bottom: 0;
  transition-delay: 0.6s;
}
.btn-3 .btn-3-side::after {
  transition-delay: 0.4s;
  right: 0;
  bottom: 0;
}
.btn-3 .btn-3-side::before {
  transition-delay: 0s;
  left: 0;
  top: 0;
}
.btn-3::before {
  right: 0;
  top: 0;
  transition-delay: 0.2s;
}
.btn-3:hover::after {
  transition-delay: 0s;
}
.btn-3:hover .btn-3-side::after {
  transition-delay: 0.2s;
}
.btn-3:hover .btn-3-side::before {
  transition-delay: 0.6s;
}
.btn-3:hover::before {
  transition-delay: 0.4s;
}

p.co-date {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 10px !important;
  font-size: 13px !important;
}

p.co-date-mf {
  margin-top: -10px !important;
  margin-bottom: 20px !important;
}

.co-chart {
  display: block;
  float: left;
  width: 100%;
  height: auto !important;
}

.co-insiders {
  display: block;
  float: left;
  width: 100%;
  background: #fff !important;
  border-radius: 5px !important;
  box-shadow: 0 3px 8px -3px rgba(11, 11, 11, 0.2) !important;
  margin-bottom: 20px !important;
  min-height: 250px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.co-insiders .as-of-date.pull-right {
  position: absolute;
  width: 100% !important;
  top: 14px !important;
  left: calc(100% - 130px) !important;
}
.co-insiders .indices-section-body {
  height: 290px !important;
  overflow: scroll !important;
  margin-top: 10px;
  padding: 0px 10px !important;
}
.co-insiders:hover {
  box-shadow: 0 3px 8px -3px rgba(52, 168, 66, 0.2), 0 3px 8px -3px rgba(52, 168, 66, 0.2) !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.co-insiders h2 {
  padding: 0px !important;
  position: relative !important;
  font-weight: bold !important;
  font-size: 16px !important;
  background: #f1f1f1 !important;
}
.co-insiders h2 i {
  padding: 15px 15px !important;
  background: #ddd !important;
  color: #36437e !important;
  margin-right: 10px !important;
  font-size: 20px !important;
}
.co-insiders .tabbable ul {
  padding: 0px !important;
  background: #f1f1f1 !important;
}
.co-insiders .tabbable ul li {
  padding: 16px 10px !important;
  margin: 0px !important;
}
.co-insiders .tabbable ul li a.active:after {
  bottom: 0px !important;
}
.co-insiders .tabbable ul li a.active:hover {
  color: #36437e !important;
}
.co-insiders .tabbable ul li.resp-tab-active {
  background: none !important;
}
.co-insiders .tabbable ul li.resp-tab-active:hover a.active {
  color: #36437e !important;
}
.co-insiders .tabbable ul h2 {
  width: auto !important;
}
.co-insiders .tabbable ul h2 i {
  margin: 0px !important;
}
.co-insiders .tabbable .tab-pane {
  padding: 0px !important;
}
.co-insiders .tabbable .tab-pane-data {
  padding: 10px 0px !important;
}
.co-insiders .tabbable .tab-pane-data .indices-section-body {
  padding: 0px;
  margin: 0px !important;
}
.co-insiders .tabbable #mytabs .tab-pane-data .as-of-date.pull-right {
  position: static !important;
}
.co-insiders .tabbable .tab-content .tab-pane {
  height: 300px !important;
  overflow: hidden !important;
}
.co-insiders .tabbable .tab-content .tab-pane .co-news-data {
  height: 300px !important;
  overflow: hidden !important;
}
.co-insiders .tabbable .tab-content .tab-pane .co-news-data .indices-section-body {
  height: 270px !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}
.co-insiders .indices-section-body {
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}

#company-address {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 0px !important;
  min-height: auto !important;
}
#company-address .indices-section-body {
  height: auto !important;
  margin: 0px !important;
  overflow-y: hidden !important;
}
#company-address h2 {
  background: #ededed !important;
  font-size: 20px !important;
  padding: 10px 0px !important;
  margin: 0px 0px 10px 0px !important;
  text-align: center;
}
#company-address h2 i {
  display: none !important;
  font-size: 35px !important;
  background: none !important;
  color: #36437e !important;
  animation: floatY infinite 10s ease-in-out;
}
#company-address ul li {
  display: inline-block;
  width: 25% !important;
  text-align: center !important;
  padding: 0px 10px 0px 10px !important;
}
#company-address ul li p {
  border-bottom: none !important;
  position: relative;
  padding-left: 0px !important;
  text-indent: 0px !important;
}
#company-address ul li p i {
  background: none !important;
  width: 0px !important;
  height: 0px !important;
  padding: 0px !important;
  position: absolute !important;
}
#company-address ul li p i:before {
  left: -16px !important;
}
#company-address ul li:hover p i {
  color: #36437e !important;
}

.summary-turnover span.positive {
  float: right !important;
  color: #30b983 !important;
  font-size: 14px !important;
  font-weight: bold !important;
}
.summary-turnover span.negative {
  color: #f13a3a !important;
}
.summary-turnover span.unchange {
  color: #0199da !important;
}

.co-corporate-action {
  display: block;
  float: left;
  width: 100%;
  margin: 5px 0px 10px 0px !important;
}
.co-corporate-action p {
  font-size: 16px !important;
  color: #36437e !important;
}
.co-corporate-action ul {
  display: block;
  float: left;
  width: 100%;
  padding: 5px 0px 0px 0px !important;
}
.co-corporate-action ul li {
  display: block;
  float: left;
  width: 100%;
  padding: 5px 0px !important;
  border-bottom: 1px dotted #ddd !important;
  font-size: 13px !important;
  color: #666 !important;
}
.co-corporate-action ul li p {
  float: right !important;
  font-size: 15px !important;
  width: auto !important;
  color: #36437e !important;
}

p.co-corporate-action {
  margin-bottom: 20px !important;
}

#co-news #new-section {
  height: 230px !important;
  overflow: scroll !important;
}

.co-ratio {
  display: block;
  float: left;
  width: 100% !important;
  position: relative;
  margin-top: 0px !important;
}
.co-ratio em {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 0px !important;
  font-size: 13px;
  font-style: normal !important;
}
.co-ratio em:last-child {
  margin-bottom: 0px !important;
}
.co-ratio em span {
  float: right !important;
  font-style: normal !important;
}
.co-ratio span.range:after {
  content: "";
  display: block;
  width: 100% !important;
  position: absolute;
  top: 24px !important;
  left: 0px !important;
  background: linear-gradient(90deg, #f13a3a, #30b983);
  transition: 0.2s;
  height: 8px;
  z-index: 999;
}

.co-ratioe p {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 14px !important;
  color: #36437e !important;
  font-weight: bold !important;
}

.fs-table-details {
  display: block;
  float: left;
  width: 100% !important;
}
.fs-table-details h2 {
  font-weight: bold !important;
  font-size: 22px !important;
}
.fs-table-details .table tbody tr td {
  font-weight: bold !important;
  padding: 10px 0px !important;
}

.co-fsection {
  padding: 20px 10px !important;
  margin-bottom: 20px !important;
  border-top: 1px dotted #ddd !important;
  border-bottom: 1px dotted #ddd !important;
}
.co-fsection .pattern h2.sm-mover {
  display: block;
  float: left;
  width: auto !important;
  font-size: 21px !important;
  font-weight: bold !important;
  position: absolute !important;
  background: #fff !important;
  margin-top: -2px !important;
  padding: 10px 20px !important;
  border: none !important;
  left: calc(50% - 105px);
  top: -10px !important;
  text-align: center !important;
  margin-bottom: 85px !important;
  display: block;
  float: left;
  width: 240px !important;
  font-size: 21px !important;
  font-weight: bold !important;
  position: absolute !important;
  padding: 10px 10px !important;
  border: none !important;
  top: -15px !important;
  text-align: center !important;
  left: 0;
  right: 0;
  margin: 0 auto !important;
  z-index: 0;
}
.co-fsection .section-title h2 {
  width: 100% !important;
}
.co-fsection .indices-section-body .view-more {
  padding: 0px !important;
}
.co-fsection .indices-section-body .view-more a {
  padding: 0px !important;
}

.co-navigation {
  display: block;
  float: left;
  width: 100%;
}
.co-navigation ul {
  display: block;
  float: left;
  width: 100%;
  border-bottom: 1px solid #e5e5e5 !important;
  margin-bottom: 10px !important;
}
.co-navigation ul li {
  display: block;
  float: left;
  position: relative !important;
  padding: 0px 0px;
}
.co-navigation ul li a {
  display: block;
  float: left;
  padding: 10px 15px 10px 0px !important;
  color: #36437e !important;
  font-weight: bold !important;
  font-size: 14px !important;
  font-weight: normal !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.co-navigation ul li a:hover {
  color: #c19b19 !important;
}
.co-navigation ul li a:hover:after {
  transform: rotate(180deg) !important;
}
.co-navigation ul li .dropdown-toggle::after {
  color: #666 !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.co-navigation ul li a.active {
  color: #30b983 !important;
  font-weight: normal !important;
  text-shadow: none !important;
}
.co-navigation ul li a.active:before {
  background: url(../images/hover-menu-icon.png) left top !important;
  background-repeat: no-repeat !important;
  position: absolute !important;
  z-index: 9 !important;
  left: 20%;
  bottom: -1px !important;
  height: 20px !important;
  width: 20px !important;
  content: "";
}
.co-navigation ul li a.active:hover {
  color: #c19b19 !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.co-navigation ul li ul {
  display: none !important;
  border-top: 1px solid #ddd inset !important;
}
.co-navigation ul li ul li {
  display: block;
  float: left;
  width: 100%;
  padding: 0px !important;
}
.co-navigation ul li ul li a {
  display: block;
  float: left;
  width: 100%;
  padding: 8px 10px !important;
  font-weight: normal !important;
  color: #36437e !important;
  border-left: 4px solid #bbb !important;
  border-bottom: 1px dotted #ccc !important;
}
.co-navigation ul li ul li a:hover {
  background: #fff !important;
  border-left: 4px solid #c19b19 !important;
  color: #c19b19 !important;
  transition: none !important;
}
.co-navigation ul li ul li ul.sub-nav {
  display: none !important;
  border-top: 1px solid #ddd inset !important;
}
.co-navigation ul li ul li:hover ul.sub-nav {
  display: block !important;
  float: left;
  background: #fff;
  position: absolute !important;
  width: 200px !important;
  top: 0px;
  left: 200px !important;
  border-bottom: none !important;
  margin-bottom: 0px !important;
  height: auto !important;
  z-index: 999999 !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
}
.co-navigation ul li ul li:hover ul.sub-nav li a {
  border-left: 0px !important;
}
.co-navigation ul li:hover ul {
  display: block !important;
  float: left;
  background: #fff;
  position: absolute !important;
  width: 230px !important;
  top: 37px;
  border-bottom: none !important;
  margin-bottom: 0px !important;
  height: auto !important;
  z-index: 99 !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
}

#show-hidden-menu {
  margin-top: -5px !important;
  position: relative;
  font-size: 14px !important;
  cursor: pointer !important;
  width: auto !important;
  display: block !important;
  float: left;
}
#show-hidden-menu .fa-angle-down:before {
  content: "\f107";
  position: absolute;
  right: -8px !important;
  font-size: 18px !important;
  top: 0px !important;
  color: #36437e !important;
}
#show-hidden-menu p {
  width: auto !important;
  margin-top: 1px !important;
}
#show-hidden-menu i {
  font-size: 18px !important;
  margin: 0px 0px 0px 5px !important;
  line-height: 20px !important;
  color: #f13a3a !important;
}

.promoter-details {
  display: block;
  float: right;
  width: auto !important;
  text-align: right !important;
  cursor: pointer !important;
  line-height: normal !important;
}
.promoter-details p {
  display: block;
  float: right;
  width: auto !important;
  padding: 3px 0px 0px 5px;
}
.promoter-details #show-hidden-menu {
  float: none !important;
}
.promoter-details .hidden-menu {
  position: absolute !important;
  z-index: 999 !important;
  padding: 0px 10px 0px 0px !important;
  width: auto !important;
}
.promoter-details .hidden-menu .promoter-snap {
  border: 1px solid #ddd !important;
  display: block;
  float: right !important;
  width: 100% !important;
  text-align: left !important;
  background: #f2f2f2 !important;
}
.promoter-details .hidden-menu .promoter-snap h2 {
  font-size: 16px !important;
  background: #36437e !important;
  color: #fff !important;
  padding: 10px !important;
}
.promoter-details .hidden-menu .promoter-snap p {
  margin-top: 10px !important;
  text-align: left !important;
  font-size: 13px !important;
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 10px !important;
  background: #f2f2f2 !important;
  border: none !important;
}
.promoter-details .hidden-menu .promoter-snap p:after {
  display: none !important;
}
.promoter-details .hidden-menu .promoter-snap ul {
  padding: 10px !important;
  background: #f2f2f2 !important;
  margin-top: 0px !important;
}
.promoter-details .hidden-menu .promoter-snap ul li {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 0px !important;
  padding: 2px 2px !important;
  border-bottom: 1px dashed #d3d3d3;
}
.promoter-details .hidden-menu .promoter-snap ul li:hover {
  background: #ddd !important;
}
.promoter-details .hidden-menu .promoter-snap ul li span {
  display: block;
  float: right;
  width: auto !important;
  font-weight: bold !important;
}

#com-tabs #co-news table.table-news tbody tr td a p strong {
  color: #666 !important;
  font-size: 14px !important;
  line-height: 26px !important;
}
#com-tabs #co-news table.table-news tbody tr td:hover a p strong {
  color: #30b983 !important;
}
#com-tabs #co-announcement table.table-news tbody tr td a p strong {
  color: #666 !important;
  font-size: 15px !important;
  line-height: 25px !important;
  font-weight: normal !important;
}
#com-tabs #co-announcement table.table-news tbody tr td:hover a p strong {
  color: #30b983 !important;
}

.search-item button.btn.btn-outline-secondary.btn-sm:focus {
  box-shadow: none !important;
}

tr.mapped span.q2q {
  padding: 3px 0px !important;
}

select#ddlFiscalYrFilter {
  padding: 5px !important;
  font-size: 14px !important;
}

table#DataTables_Table_0 {
  width: 100% !important;
}

.broker-balance {
  display: flex;
  flex-wrap: wrap !important;
  float: none !important;
  align-content: end !important;
  justify-content: end !important;
}
.broker-balance #summaryModal label,
.broker-balance #withdrawalRequestModal label,
.broker-balance .modal.show label {
  font-size: 12px !important;
  margin: 15px 0px 0px 0px !important;
}
.broker-balance #summaryModal #divPaymentMethod a,
.broker-balance #withdrawalRequestModal #divPaymentMethod a,
.broker-balance .modal.show #divPaymentMethod a {
  padding: 10px !important;
}
.broker-balance #summaryModal label.error,
.broker-balance #withdrawalRequestModal label.error,
.broker-balance .modal.show label.error {
  margin: 0px 0px 0px 0px !important;
  color: #f13a3a !important;
}
.broker-balance #summaryModal input,
.broker-balance #withdrawalRequestModal input,
.broker-balance .modal.show input {
  margin: 15px 0px 0px 0px !important;
}
.broker-balance #summaryModal input.error,
.broker-balance #withdrawalRequestModal input.error,
.broker-balance .modal.show input.error {
  border: 1px solid #f13a3a !important;
}
.broker-balance #summaryModal textarea,
.broker-balance #withdrawalRequestModal textarea,
.broker-balance .modal.show textarea {
  margin: 15px 0px 0px 0px !important;
}
.broker-balance .bg-white.p-2.d-inline-block.rounded.mt-1.mr-4 {
  margin: 0px !important;
  border-radius: 0px !important;
  border: none !important;
  padding: 2px 10px !important;
  position: relative !important;
  box-shadow: none !important;
  width: 100% !important;
  margin: 8px 0px !important;
  border-radius: 5px !important;
}
.broker-balance .bg-white.p-2.d-inline-block.rounded.mt-1.mr-4 span {
  display: inline;
  float: left !important;
  width: auto !important;
  font-weight: bold !important;
}
.broker-balance .bg-white.p-2.d-inline-block.rounded.mt-1.mr-4 span span {
  font-size: 13px !important;
}
.broker-balance .bg-white.p-2.d-inline-block.rounded.mt-1.mr-4 div #payNow {
  border-radius: 5px !important;
  margin: 0px 0px 0px 5px !important;
  padding: 3px 5px !important;
  font-size: 13px !important;
}
.broker-balance .bg-white.p-2.d-inline-block.rounded.mt-1.mr-4 div #requestWithdrawal {
  border-radius: 5px !important;
  padding: 3px 5px;
  font-size: 12px !important;
  margin: 0px 0px 0px 5px !important;
}
.broker-balance .bg-white.p-2.d-inline-block.rounded.mt-1.mr-4 div #depositBalance {
  border-radius: 5px !important;
  padding: 3px 5px;
  font-size: 12px !important;
  margin: 0px 0px 0px 10px !important;
}
.broker-balance .bg-white.p-2.d-inline-block.rounded.mt-1.mr-4 small {
  display: block;
  float: left !important;
  width: 100% !important;
  font-size: 12px !important;
  line-height: normal !important;
}
.broker-balance .bg-white.p-2.d-inline-block.rounded.mt-1.mr-4 a {
  position: absolute !important;
  right: 10px !important;
  top: 20px !important;
}
.broker-balance .bg-white.p-2.d-inline-block.rounded.mt-1.mr-4 a i {
  color: #36437e !important;
  font-size: 20px !important;
  top: -5px !important;
  position: absolute;
  right: 0px !important;
}

.p-transaction-rec {
  display: block;
  float: left;
  width: 100%;
  background: #fff !important;
  box-shadow: 0 5px 20px -4px rgba(11, 11, 11, 0.16) !important;
  margin-bottom: 20px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 0px !important;
}
.p-transaction-rec .tr-form-main {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px 0px !important;
  background: #f7f7f7 !important;
  border: 1px solid #ddd !important;
  padding: 10px 0px !important;
  margin-top: 10px !important;
  margin-bottom: 20px !important;
}
.p-transaction-rec .tr-form-main .co-highlight {
  margin-top: 0px !important;
  border: none !important;
}
.p-transaction-rec .tr-form-main .co-highlight .co-highlight-block {
  padding-top: 0px !important;
}
.p-transaction-rec .tr-form-main .co-highlight .co-highlight-block span {
  font-size: 17px !important;
}
.p-transaction-rec .title-pattern {
  display: block;
  float: left;
  width: 98.5% !important;
}
.p-transaction-rec .po-search .trf-title {
  margin-bottom: 0px !important;
}
.p-transaction-rec .portfolio-overview .modal-content .modal-header {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  border: none !important;
}
.p-transaction-rec .portfolio-overview .modal-content .modal-header h5 {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px !important;
  color: #fff !important;
  background: #36437e !important;
}
.p-transaction-rec .portfolio-overview .modal-content .modal-header button.close {
  position: absolute !important;
  right: 20px !important;
  top: 16px !important;
}
.p-transaction-rec .portfolio-overview .modal-content .modal-body {
  padding: 10px !important;
  border: none !important;
}
.p-transaction-rec .portfolio-overview .modal-content .modal-body table thead {
  border-bottom: 1px solid #ddd !important;
  border-top: 1px solid #ddd !important;
}
.p-transaction-rec .portfolio-overview .modal-content .modal-body table tbody tr {
  background: none !important;
}
.p-transaction-rec .portfolio-overview .modal-content .modal-footer {
  border: none !important;
}
.p-transaction-rec .portfolio-overview .modal-content .modal-footer button:focus {
  box-shadow: none !important;
  border: none !important;
}
.p-transaction-rec .portfolio-overview .modal-content .modal-footer button#btnSave {
  background: #36437e !important;
}
.p-transaction-rec .portfolio-overview .modal-content .modal-footer button#btnSave:hover {
  background: #2e4cd4 !important;
  color: #fff !important;
}
.p-transaction-rec .portfolio-overview .modal-content .modal-footer button.btn-secondary {
  background: #0e5e5e !important;
}
.p-transaction-rec .portfolio-overview .modal-content .modal-footer button.btn-secondary:hover {
  background: #dbb87c !important;
  color: #fff !important;
}
.p-transaction-rec .trf-title.sh-movement a.btn {
  padding: 8px 10px !important;
  height: 30px !important;
}
.p-transaction-rec .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 28px !important;
}
.p-transaction-rec .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none !important;
}
.p-transaction-rec .select2-container--default .select2-selection--single .select2-selection__arrow:after {
  content: "\f002";
  position: absolute;
  font-family: "FontAwesome";
  top: 6px !important;
  right: 10px !important;
  color: #36437e !important;
}
.p-transaction-rec .broker-search-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px !important;
}
.p-transaction-rec .broker-search-form .select2-container--default .select2-selection--single .select2-selection__arrow:after {
  top: 10px !important;
}
.p-transaction-rec .tr-form-table.sh-movement {
  display: block;
  float: left;
  width: 100% !important;
  margin: 15px 0px 10px 0px !important;
}
.p-transaction-rec .tr-form-table.sh-movement #divItemsPerPage .dataTables_length {
  margin-top: 10px !important;
  text-align: left !important;
}
.p-transaction-rec:hover {
  box-shadow: 0 1px 3px 0 rgba(52, 168, 66, 0.3), 0 4px 8px 3px rgba(52, 168, 66, 0.15) !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.p-transaction-rec h1 {
  padding: 10px 0px !important;
  position: relative !important;
  border-bottom: 1px solid #ddd;
  font-weight: bold !important;
  font-size: 18px !important;
}
.p-transaction-rec .history-data.sm-mover .tab-content .tab-pane {
  height: auto !important;
  overflow: scroll !important;
  padding: 20px 10px important;
  text-align: left !important;
}
.p-transaction-rec .tr-form-table {
  display: block;
  float: left;
  width: 100% !important;
  margin: 10px 0px 10px 0px !important;
}
.p-transaction-rec .trf-title {
  display: block;
  float: left;
  width: 100% !important;
  position: relative;
  margin-top: 5px !important;
}
.p-transaction-rec .trf-title p {
  display: block;
  float: left;
  width: auto !important;
  margin-right: 15px !important;
  margin-top: 10px !important;
}
.p-transaction-rec .trf-title ul {
  display: block;
  float: left;
  width: 65% !important;
  margin-right: 15px !important;
  margin-top: 9px !important;
}
.p-transaction-rec .trf-title ul li {
  display: block;
  float: left;
  width: auto !important;
}
.p-transaction-rec .trf-title ul li a {
  font-size: 14px !important;
  line-height: 14px !important;
  padding: 0px 10px !important;
  border-right: 1px solid #aaa !important;
}
.p-transaction-rec .trf-title ul li a:hover {
  text-decoration: underline !important;
  color: #30b983 !important;
}
.p-transaction-rec .trf-title ul li:last-child a {
  border-right: none !important;
}
.p-transaction-rec .trf-title ul li a.active {
  text-decoration: underline !important;
  color: #30b983 !important;
}
.p-transaction-rec .trf-title a.btn {
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  padding: 10px !important;
  background: #30b983 !important;
  cursor: pointer !important;
  overflow: hidden !important;
  border-radius: 0px !important;
}
.p-transaction-rec .trf-title button {
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  padding: 10px !important;
  background: #30b983 !important;
  cursor: pointer !important;
  overflow: hidden !important;
}
.p-transaction-rec .trf-title button:hover {
  background-color: #30b983 !important;
}
.p-transaction-rec .trf-title button i {
  color: #fff !important;
  margin-left: 5px !important;
  font-weight: bold;
}
.p-transaction-rec .modal-footer.form-group {
  margin-bottom: 0px !important;
}
.p-transaction-rec .tr-form-section {
  border: none !important;
  padding: 20px 0px !important;
  border-bottom: 1px solid #ddd !important;
  margin-bottom: 10px !important;
}
.p-transaction-rec .tr-import {
  background: #fff !important;
  border: none !important;
}
.p-transaction-rec .tr-import p {
  margin-bottom: 20px !important;
  font-size: 14px !important;
  line-height: 21px !important;
}
.p-transaction-rec .tr-import a.btn.btn-success {
  border-radius: 0px !important;
  color: #fff !important;
  box-shadow: none !important;
  border: none !important;
  background: #30b983 !important;
  padding: 10px !important;
}

.portfolio-overview {
  display: block;
  float: left;
  width: 100% !important;
  padding: 15px !important;
}
.portfolio-overview button {
  border-radius: 5px !important;
}
.portfolio-overview .shm-description .hidden-menu .btn-secondary {
  background: #36437e !important;
}
.portfolio-overview .shm-description .hidden-menu .btn-dark {
  background: #0e5e5e !important;
}
.portfolio-overview .co-highlight .co-highlight-block {
  padding: 0px !important;
}
.portfolio-overview .co-highlight .co-highlight-block span.positive {
  margin-top: 0px !important;
}
.portfolio-overview .co-highlight .co-highlight-block span.negative {
  margin-top: 0px !important;
}
.portfolio-overview .co-highlight .co-highlight-block p {
  font-size: 15px !important;
}
.portfolio-overview .co-highlight .co-highlight-block span {
  font-size: 16px !important;
}
.portfolio-overview .co-title-section {
  margin-bottom: 20px !important;
  padding: 0px 0px !important;
}
.portfolio-overview .co-title-section h1 {
  border-bottom: none !important;
  padding: 10px 0px !important;
  margin-bottom: 0px !important;
  font-size: 16px !important;
  margin-top: 10px !important;
}
.portfolio-overview .co-title-section h1 span {
  font-size: 18px !important;
}
.portfolio-overview .co-title-section .po-search {
  margin-bottom: 0px !important;
}
.portfolio-overview .co-title-section .po-search .form-group select.po-select {
  padding: 0px 10px !important;
  border: 1px solid #ced4da !important;
  border-radius: 0px !important;
  height: 37px !important;
  width: 61% !important;
}
.portfolio-overview .co-title-section .po-search .form-group select.po-select:focus {
  box-shadow: none !important;
  border: none !important;
}
.portfolio-overview .co-title-section .po-search .form-group select#ddlShareholder:focus {
  border: 1px solid #ddd !important;
  border-radius: none !important;
}
.portfolio-overview .co-title-section .po-search .trf-title .more-fun {
  width: 100% !important;
  text-align: right !important;
}
.portfolio-overview .co-title-section .co-highlight {
  background: #fff !important;
  padding: 0px 0px 10px 0px !important;
  margin: 0px 0px 0px 0px !important;
}
.portfolio-overview .co-title-section .co-highlight span.pod-gainer p {
  margin-bottom: 0px !important;
  font-size: 19px !important;
  color: #30b983 !important;
  line-height: 27px !important;
}
.portfolio-overview .co-title-section .co-highlight span.pou-gainer p {
  margin-bottom: 0px !important;
  font-size: 19px !important;
  color: #30b983 !important;
  line-height: 27px !important;
}
.portfolio-overview .co-title-section .co-highlight span.por-gainer p {
  margin-bottom: 0px !important;
  font-size: 19px !important;
  color: #30b983 !important;
  line-height: 27px !important;
}
.portfolio-overview .co-title-section .co-highlight span.pot-gainer p {
  margin-bottom: 0px !important;
  font-size: 19px !important;
  color: #30b983 !important;
  line-height: 27px !important;
}
.portfolio-overview .co-title-section .co-highlight span.pod-loser p {
  margin-bottom: 0px !important;
  font-size: 19px !important;
  color: #f13a3a !important;
  line-height: 27px !important;
}
.portfolio-overview .co-title-section .co-highlight span.pou-loser p {
  margin-bottom: 0px !important;
  font-size: 19px !important;
  color: #f13a3a !important;
  line-height: 27px !important;
}
.portfolio-overview .co-title-section .co-highlight span.por-loser p {
  margin-bottom: 0px !important;
  font-size: 19px !important;
  color: #f13a3a !important;
  line-height: 27px !important;
}
.portfolio-overview .co-title-section .co-highlight span.pot-loser p {
  margin-bottom: 0px !important;
  font-size: 19px !important;
  color: #f13a3a !important;
  line-height: 27px !important;
}
.portfolio-overview .co-title-section ul {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 0px !important;
}
.portfolio-overview .co-title-section ul.company-contact {
  display: block;
  float: left;
  width: 100% !important;
  padding: 15px 10px !important;
  background: #f2f2f2 !important;
  margin: 0px !important;
  box-shadow: none !important;
}
.portfolio-overview .co-title-section ul.company-contact li {
  margin-bottom: 0px !important;
}
.portfolio-overview .co-title-section ul.company-contact li p {
  font-size: 15px !important;
}
.portfolio-overview .title-pattern {
  display: block;
  float: left;
  width: 100% !important;
}
.portfolio-overview .title-pattern h2 {
  padding-left: 0px !important;
}
.portfolio-overview .tr-form {
  margin: 0px 0px 0px 0px !important;
}
.portfolio-overview .form-group button#btnAddNew {
  margin-bottom: 10px !important;
}
.portfolio-overview .sh-table.lg-table table#tblShareholder tbody tr td a.btn.btn-success {
  color: #fff !important;
}
.portfolio-overview .sh-table.lg-table table#tblShareholder tbody tr td a.btn.btn-success:focus {
  box-shadow: none !important;
}

.modal form#HoldingImportForm table tr td button#btnImport {
  background: #36437e !important;
  color: #fff !important;
}
.modal form#HoldingImportForm table tr td button#btnImport:hover {
  background: #2e4cd4 !important;
}
.modal form#HoldingImportForm table tr td button#btnCancel {
  background: #f13a3a !important;
  color: #fff !important;
}

.form-action-btn {
  display: block;
  float: right;
  width: 100% !important;
  margin-bottom: 20px !important;
}
.form-action-btn a.save {
  border-radius: 5px !important;
}
.form-action-btn button {
  background: #30b983 !important;
  color: #fff !important;
}

.stock-holding {
  display: block;
  float: left;
  width: 100%;
  padding: 20px !important;
}
.stock-holding .co-highlight .co-highlight-block span.positive {
  margin-top: 0px !important;
}
.stock-holding .co-highlight .co-highlight-block span.negative {
  margin-top: 0px !important;
}
.stock-holding .title-pattern {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 15px !important;
}
.stock-holding .title-pattern h2 {
  padding: 0px 20px 0px 0px !important;
}
.stock-holding .po-search {
  display: block;
  float: left;
  width: 100% !important;
}

#shareholding-title .co-title-section {
  box-shadow: 0 10px 20px -20px rgba(52, 168, 66, 0.6) !important;
  box-shadow: none !important;
}
#shareholding-title .co-title-section h1 {
  border-bottom: none !important;
}
#shareholding-title .co-title-section h1 span {
  font-size: 18px !important;
}
#shareholding-title .co-title-section ul {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 0px 0px !important;
}
#shareholding-title .co-title-section .co-highlight {
  background: #fff !important;
  padding: 0px 0px 15px 0px !important;
  border-bottom: 1px solid #ddd !important;
  border-top: none !important;
  margin: 0px !important;
  padding: 0px 0px 5px 0px !important;
}
#shareholding-title .co-title-section .co-highlight .co-highlight-block {
  padding: 0px !important;
}
#shareholding-title .co-title-section .co-highlight .co-date {
  margin-top: 10px !important;
}
#shareholding-title .co-title-section .co-highlight p {
  margin: 0px !important;
}
#shareholding-title .po-search .form-group select {
  width: 60% !important;
}

.po-search {
  display: block;
  float: left;
  width: 100% !important;
  margin: 10px 0px !important;
}
.po-search #btnAddPurchaseRecord {
  margin: 0px !important;
}
.po-search .form-group {
  margin-bottom: 10px !important;
  text-align: right !important;
}
.po-search p {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 10px !important;
}

.indices-section.section-title.po-news-section {
  overflow: hidden !important;
}
.indices-section.section-title.po-news-section .history-data .tab-content .tab-pane {
  overflow: hidden !important;
}

.po-holding-section .shd-left.sm-table, .po-holding-section .lg-table, .po-pl-report .shd-left.sm-table, .po-pl-report .lg-table, .stock-holding.portfolio-overview .shd-left.sm-table, .stock-holding.portfolio-overview .lg-table, .holding-report .shd-left.sm-table, .holding-report .lg-table {
  overflow: hidden !important;
}

#po-allocation, .history-data {
  float: left;
  width: 100% !important;
  margin-bottom: 0px !important;
}
#po-allocation h2, .history-data h2 {
  font-weight: bold !important;
  font-size: 16px;
  margin-bottom: 10px !important;
}
#po-allocation #tabs, .history-data #tabs {
  border-bottom: none !important;
  margin: 0px !important;
  border-radius: none !important;
}
#po-allocation #tabs li, .history-data #tabs li {
  display: block;
  float: left;
  width: auto !important;
  margin: 0px 20px 0px 0px !important;
}
#po-allocation #tabs li a, .history-data #tabs li a {
  display: block;
  float: left;
  padding: 10px 10px 10px 10px !important;
  background: none !important;
  border-radius: 0px !important;
  color: #333 !important;
  font-size: 14px !important;
}
#po-allocation #tabs li a.active.show, .history-data #tabs li a.active.show {
  padding: 10px 10px 10px 10px !important;
  background: none !important;
  border-radius: 0px !important;
  color: #333 !important;
}
#po-allocation #tabs li a.active, .history-data #tabs li a.active {
  padding: 10px 10px 10px 10px !important;
  background: none !important;
  border-radius: 0px !important;
  color: #333 !important;
}
#po-allocation .tab-content .tab-pane, .history-data .tab-content .tab-pane {
  overflow: hidden !important;
  padding: 0px !important;
}
#po-allocation .poa-image.bar-graph img, .history-data .poa-image.bar-graph img {
  width: 70% !important;
}
#po-allocation #div-sectorwise-pie-chart, .history-data #div-sectorwise-pie-chart {
  border-right: 1px solid #ddd !important;
}
#po-allocation #div-stockwise-pie-chart, .history-data #div-stockwise-pie-chart {
  border-right: 1px solid #ddd !important;
}

.po-news-section {
  display: block;
  float: left;
  width: 100% !important;
  height: 550px !important;
  overflow: scroll !important;
  display: block;
  float: left;
  width: 100% !important;
}
.po-news-section .snap-details {
  display: block;
  float: left;
  width: 100% !important;
  padding: 15px 20px !important;
  background: #f7f7f7;
}
.po-news-section .snap-details ul {
  display: block;
  float: left;
  width: 100% !important;
}
.po-news-section .snap-details ul li {
  display: block;
  float: left;
  width: 50% !important;
  padding: 0px 30px;
  position: relative;
}
.po-news-section .snap-details ul li.sd-gainer:before {
  content: "";
  position: absolute;
  border: 5px solid #1a7e56;
  width: 20px;
  height: 20px;
  border-radius: 50% !important;
  left: 0px;
}
.po-news-section .snap-details ul li.sd-gainer p {
  color: #36437e;
  font-size: 15px !important;
  font-weight: bold !important;
  margin-bottom: 5px !important;
}
.po-news-section .snap-details ul li.sd-gainer em {
  color: #30b983;
}
.po-news-section .snap-details ul li.sd-gainer em span {
  margin-left: 20px !important;
  color: #30b983;
  position: relative;
}
.po-news-section .snap-details ul li.sd-gainer em span:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #1a7e56;
  position: absolute;
  top: 3px;
  right: -15px !important;
}
.po-news-section .snap-details ul li.sd-loser:before {
  content: "";
  position: absolute;
  border: 5px solid #f13a3a;
  width: 20px;
  height: 20px;
  border-radius: 50% !important;
  left: 0px;
}
.po-news-section .snap-details ul li.sd-loser p {
  color: #36437e;
  font-size: 15px !important;
  font-weight: bold !important;
  margin-bottom: 5px !important;
}
.po-news-section .snap-details ul li.sd-loser em {
  color: #f13a3a;
}
.po-news-section .snap-details ul li.sd-loser em span {
  margin-left: 20px !important;
  color: #f13a3a;
  position: relative;
}
.po-news-section .snap-details ul li.sd-loser em span:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  transform: rotate(180deg) !important;
  border-bottom: 10px solid #f13a3a;
  position: absolute;
  top: 3px;
  right: -15px !important;
}
.po-news-section .history-data {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 5px !important;
  padding-bottom: 20px !important;
}
.po-news-section .history-data .tab-content .tab-pane {
  padding: 0px !important;
  height: auto !important;
}
.po-news-section .history-data .form-check label.form-check-label {
  margin: 2px 0px !important;
  font-size: 14px !important;
}
.po-news-section .history-data #tabs {
  margin-top: 0px !important;
  padding: 10px 20px !important;
  border-bottom: 1px solid #ddd !important;
}
.po-news-section .history-data #tabs li {
  margin-right: 20px !important;
}
.po-news-section .history-data #tabs li a {
  padding: 0px 0px 5px 0px !important;
  line-height: 28px !important;
}
.po-news-section .history-data #tabs li a.show {
  padding: 0px 0px 5px 0px !important;
  line-height: 28px !important;
}
.po-news-section .history-data .po-news ul {
  display: block;
  float: left;
  width: 100% !important;
  border-bottom: none !important;
}
.po-news-section .shm-button {
  padding: 10px 20px 0px !important;
}
.po-news-section .view-more {
  padding: 0px 20px !important;
  position: absolute !important;
  bottom: 6% !important;
}
.po-news-section .view-more a {
  padding-left: 0px !important;
}

.indices-section.section-title.po-news-section .history-data ul#tabs {
  padding: 10px 20px 0px 20px !important;
}

.po-news {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 20px 20px !important;
}
.po-news ul#tabs {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 0px !important;
}
.po-news ul li {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 0px !important;
  border-bottom: 1px dotted #ddd !important;
}
.po-news ul li:last-child {
  border-bottom: none !important;
}
.po-news ul li:hover h3 a {
  color: #30b983 !important;
}
.po-news ul li h3 {
  display: block;
  float: left;
  width: 100% !important;
  background: none !important;
  padding: 0px !important;
}
.po-news ul li h3 a {
  display: block;
  float: left;
  width: auto !important;
  padding: 0px 0px !important;
  margin-bottom: 6px !important;
  font-size: 15px !important;
  line-height: normal !important;
  color: #36437e !important;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  cursor: pointer !important;
}
.po-news ul li span {
  color: #666 !important;
  font-size: 13px !important;
}
.po-news ul li span em {
  border-left: 1px solid #ddd !important;
  padding-left: 10px !important;
  margin-left: 10px !important;
}
.po-news table#tbDividend tr:hover {
  background: #f2f2f2 !important;
}

.po-holding {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px !important;
}

.po-holding-section {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 10px;
  background: #fff !important;
}
.po-holding-section .shm-type {
  display: block;
  float: left;
  width: 100% !important;
  border-bottom: 1px solid #ddd !important;
  margin-bottom: 10px !important;
}
.po-holding-section .shm-type .btn-group label {
  padding: 10px 0px !important;
  margin-right: 20px !important;
}
.po-holding-section .shm-type .btn-group label:hover {
  color: #36437e !important;
  border-bottom: 2px solid #36437e !important;
}
.po-holding-section .shm-type label.btn-link.active {
  color: #36437e !important;
  border-bottom: 2px solid #36437e !important;
}
.po-holding-section #po-holding .sh-table thead {
  background: none !important;
}
.po-holding-section #po-holding table thead tr {
  border-top: 1px solid #d2d2d2 !important;
  border-bottom: 1px solid #d2d2d2 !important;
}
.po-holding-section table thead {
  background: none !important;
  border-top: 1px solid #d2d2d2 !important;
  border-bottom: 1px solid #d2d2d2 !important;
}
.po-holding-section .sh-table tbody tr td span {
  text-align: left !important;
}

.po-pl-report {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px 10px;
  background: #fff !important;
  margin: 20px 0px 20px 0px !important;
}
.po-pl-report .sh-table thead {
  background: none !important;
  border-top: 1px solid #d2d2d2 !important;
  border-bottom: 1px solid #d2d2d2 !important;
}
.po-pl-report .sh-table tbody tr td span {
  text-align: left !important;
}

#snapshot {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px !important;
}
#snapshot h3 {
  background: #fff !important;
  padding: 0px !important;
  margin-bottom: 5px !important;
  padding-left: 10px !important;
  font-size: 16px !important;
}
#snapshot #gaining-stock .gainer {
  padding: 5px !important;
}
#snapshot .gainer p {
  margin-bottom: 0px !important;
}
#snapshot .gainer p span:after {
  top: 36px !important;
}
#snapshot .gainer em {
  padding: 10px 0px 5px !important;
}
#snapshot .gainer em h3 {
  margin-bottom: 0px !important;
  font-size: 14px !important;
  padding-left: 0px !important;
}
#snapshot .gainer em p {
  padding: 5px 0px 0px !important;
  margin-bottom: 0px !important;
  font-size: 13px !important;
  position: relative;
}
#snapshot .gainer em p span {
  font-size: 13px !important;
}
#snapshot .gainer em p span:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #30b983;
  position: absolute;
  top: 7px !important;
  margin-left: 5px !important;
}
#snapshot #losing-stock .looser {
  padding: 5px !important;
}
#snapshot .looser p {
  margin-bottom: 0px !important;
}
#snapshot .looser p span:after {
  top: 36px !important;
}
#snapshot .looser em {
  padding: 10px 0px 5px !important;
}
#snapshot .looser em h3 {
  margin-bottom: 0px !important;
  font-size: 14px !important;
  padding-left: 0px !important;
}
#snapshot .looser em p {
  padding: 5px 0px 0px !important;
  margin-bottom: 0px !important;
  font-size: 13px !important;
  position: relative;
}
#snapshot .looser em p span {
  font-size: 13px !important;
}
#snapshot .looser em p span:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #f13a3a;
  position: absolute;
  top: 8px !important;
  margin-left: 5px !important;
}
#snapshot .snapshot {
  padding: 5px !important;
}
#snapshot .snapshot p {
  margin-bottom: 0px !important;
}
#snapshot .snapshot p span:after {
  top: 36px !important;
}
#snapshot .snapshot em {
  padding: 10px 0px 5px !important;
}
#snapshot .snapshot em h3 {
  margin-bottom: 0px !important;
  font-size: 14px !important;
  padding-left: 0px !important;
}
#snapshot .snapshot em p {
  padding: 5px 0px 0px !important;
  margin-bottom: 0px !important;
  font-size: 13px !important;
  position: relative;
}
#snapshot .snapshot em p span {
  font-size: 13px !important;
}
#snapshot .snapshot em p span:after {
  position: absolute;
  top: 7px !important;
  margin-left: 5px !important;
}

select.po-select {
  padding: 0px 10px !important;
  border: 1px solid #ced4da !important;
  border-radius: 0px !important;
  height: 30px !important;
  width: 30% !important;
  font-size: 13px !important;
  margin-left: 10px !important;
}
select.po-select:focus {
  box-shadow: none !important;
  border: none !important;
}

.trf-title .more-fun {
  display: block;
  float: right !important;
  width: 52% !important;
}
.trf-title .more-fun a {
  font-size: 12px !important;
  border-right: 1px solid #777 !important;
  padding: 0px 7px 0px 0px !important;
  color: #666 !important;
}
.trf-title .more-fun a:last-child {
  border: none !important;
}
.trf-title .more-fun a:hover {
  text-decoration: underline !important;
  color: #000 !important;
}

.sh-table .note {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 10px !important;
}
.sh-table .note p {
  margin-bottom: 5px !important;
}
.sh-table thead {
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
}
.sh-table thead tr th {
  font-size: 13px !important;
  font-weight: bold !important;
  color: #333 !important;
}
.sh-table thead tr th p {
  display: block;
  float: left;
  width: auto !important;
  background: none !important;
  padding: 0px !important;
  border-bottom: 1px solid #aaa !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  padding: 2px 0px !important;
  font-size: 13px !important;
  font-weight: bold !important;
}
.sh-table thead tr th span {
  display: block;
  float: left;
  width: 100%;
  padding: 2px 0px !important;
  font-size: 13px !important;
  font-weight: bold !important;
  color: #205d83;
}
.sh-table tbody tr td {
  font-size: 14px !important;
}
.sh-table tbody tr td p {
  display: block;
  float: left;
  width: auto !important;
  background: none !important;
  padding: 0px !important;
  border-bottom: 1px dotted #aaa !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  padding: 2px 0px !important;
  font-size: 14px !important;
}
.sh-table tbody tr td span {
  display: block;
  float: left;
  width: 100%;
  padding: 2px 0px !important;
  font-size: 14px !important;
  color: #36437e;
}
.sh-table tbody#tbdStockMovement tr td span {
  color: #205d83;
}
.sh-table tbody#tbdGroupwise tr td span {
  color: #205d83;
}
.sh-table tbody#tbdSectorwise tr td span {
  color: #205d83;
}
.sh-table tbody#tbdRealizedPlReport tr td span {
  color: #205d83;
}

.sh-table table#DataTables_Table_0 thead tr th p,
.sh-table table#DataTables_Table_0 tbody tr tdh p {
  width: 100% !important;
  text-align: left !important;
}

.check-stock {
  display: block;
  float: left;
  width: 100% !important;
}
.check-stock form {
  display: block;
  float: left;
  width: 100% !important;
}
.check-stock form span {
  display: block;
  float: left;
  margin-top: 11px !important;
  width: auto !important;
  margin-right: 10px !important;
}
.check-stock form label {
  margin-top: 10px !important;
  padding: 5px 5px !important;
  line-height: 15px !important;
  font-weight: normal !important;
}

.po-details {
  display: block;
  float: left;
  width: calc(100% - 0px) !important;
  padding: 10px !important;
  background: #fff !important;
  border: 1px solid #ddd;
  margin-bottom: 20px !important;
}

.pod-left {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px;
}
.pod-left:hover {
  background: #f5f5f5 !important;
}
.pod-left h3 {
  font-size: 18px !important;
  font-weight: bold !important;
  margin-bottom: 30px !important;
}

.podl-img {
  display: block;
  float: left;
  width: 50% !important;
}
.podl-img img {
  display: block;
  float: left;
  width: 80% !important;
}

.podl-text {
  display: block;
  float: left;
  width: 50% !important;
}
.podl-text h4 {
  margin-bottom: 15px !important;
}
.podl-text ul {
  display: block;
  float: left;
  width: 100% !important;
}
.podl-text ul li {
  display: block;
  float: right;
  width: 100% !important;
  padding: 10px !important;
  border-bottom: 1px dotted #ddd !important;
  text-align: right !important;
}
.podl-text ul li:last-child {
  border-bottom: none !important;
}
.podl-text ul li .podl-l {
  display: block;
  float: left;
  width: 50% !important;
  text-align: left !important;
}
.podl-text ul li .podl-l p {
  position: relative;
  padding-left: 15px !important;
}
.podl-text ul li .podl-l.gain p:before {
  content: "";
  position: absolute;
  background: #9cf4dc;
  width: 10px;
  height: 10px;
  top: 3px;
  left: 0px;
}
.podl-text ul li .podl-l.gain p span {
  color: #30b983 !important;
}
.podl-text ul li .podl-l.gain p span i {
  color: #30b983 !important;
}
.podl-text ul li .podl-l.loss p:before {
  content: "";
  position: absolute;
  background: #ffe1e1;
  width: 10px;
  height: 10px;
  top: 3px;
  left: 0px;
}
.podl-text ul li .podl-l.loss p span {
  color: #f13a3a !important;
}
.podl-text ul li .podl-l.loss p span i {
  color: #ffe1e1 !important;
}
.podl-text ul li .podl-l.unchange p:before {
  content: "";
  position: absolute;
  background: #7cb5cc;
  width: 10px;
  height: 10px;
  top: 3px;
  left: 0px;
}
.podl-text ul li .podl-l.unchange p span {
  color: #0199da !important;
}
.podl-text ul li .podl-l.unchange p span i {
  color: #0199da !important;
}
.podl-text ul li .podl-r {
  display: block;
  float: left;
  width: 50% !important;
  text-align: right !important;
}
.podl-text ul li .podl-r h4 {
  font-size: 14px !important;
}
.podl-text ul li .podl-r.gain p span {
  color: #30b983 !important;
  margin-left: 10px !important;
  color: #30b983 !important;
  margin-left: 10px !important;
}
.podl-text ul li .podl-r.gain p span i {
  color: #30b983 !important;
  margin-right: 5px !important;
  color: #30b983 !important;
  margin-right: 5px !important;
}
.podl-text ul li .podl-r.loss p span {
  color: #f13a3a !important;
  margin-left: 10px !important;
}
.podl-text ul li .podl-r.loss p span i {
  color: #f13a3a !important;
  margin-right: 5px !important;
}

.pod-right {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px;
}
.pod-right:hover {
  background: #f5f5f5 !important;
}
.pod-right h3 {
  font-size: 18px !important;
  font-weight: bold !important;
  margin-bottom: 20px !important;
}
.pod-right h4 {
  margin-bottom: 10px !important;
  margin-bottom: 10px !important;
}

.podr-img {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.podr-img img {
  width: 80% !important;
}

canvas#chart-line {
  height: 275px !important;
}

.podr-text {
  display: block;
  float: left;
  width: 50% !important;
  margin: 0 auto !important;
  text-align: center !important;
  margin-bottom: 20px !important;
}
.podr-text img {
  width: 80% !important;
}

.gaining-stock {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  margin-bottom: 20px !important;
}
.gaining-stock .gs-section .gainer:last-child {
  margin-bottom: 0px !important;
}
.gaining-stock .gs-section .gainer p span:after {
  position: absolute;
  top: 40px !important;
}
.gaining-stock .gs-section .looser:last-child {
  margin-bottom: 0px !important;
}
.gaining-stock .gs-section .looser p span:after {
  position: absolute;
  top: 40px !important;
}

.gs-section {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px !important;
  background: #f5f5f5;
}
.gs-section h4 {
  margin-bottom: 10px !important;
  font-size: 16px !important;
  font-size: 18px !important;
  font-weight: bold !important;
}

.po-quicklinks {
  display: block;
  float: left;
  width: 100% !important;
}
.po-quicklinks ul {
  display: block;
  float: left;
  width: 100% !important;
  text-align: right;
}
.po-quicklinks ul li {
  display: inline-block;
}
.po-quicklinks ul li a {
  border-right: 1px solid #aaa !important;
  padding: 0px 10px !important;
  line-height: 15px !important;
}
.po-quicklinks ul li a:hover {
  text-decoration: underline !important;
  color: #30b983 !important;
}
.po-quicklinks ul li:last-child a {
  border-right: none !important;
}

.sh-table.lg-table table tbody#tbdSectorwise h4 {
  font-size: 14px !important;
}

#addTransactionModal .modal-body a.btn.btn-success.pull-right {
  border-radius: 0px !important;
  background: #30b983 !important;
  border: none !important;
  color: #fff !important;
}
#addTransactionModal .modal-body a.btn.btn-success.pull-right:hover {
  color: #fff !important;
}
#addTransactionModal .modal-body a.btn.btn-success.pull-right:focus {
  box-shadow: none !important;
}

#l-news .po-news ul#ulNews {
  border: none !important;
  margin-top: -20px !important;
}
#l-news .po-news ul#ulNews li {
  padding: 0px 0px 10px 0px !important;
}
#l-news .po-news ul#ulNews li span {
  font-weight: normal !important;
}
#l-news .po-news ul#ulNews li h2 a strong {
  font-size: 14px !important;
  color: #666 !important;
}
#l-news .po-news ul#ulNews li:hover h2 a strong {
  color: #30b983 !important;
}

#announcement .po-news #ulAnnouncement li h3 a strong {
  font-size: 14px !important;
  color: #666 !important;
  font-size: 15px !important;
  line-height: 25px !important;
  font-weight: normal !important;
}
#announcement .po-news #ulAnnouncement li:hover h3 a strong {
  color: #30b983 !important;
}

.portfolio-form #frmShareholder {
  padding: 0px !important;
}
.portfolio-form #frmShareholder .form-group {
  margin-bottom: 10px !important;
}
.portfolio-form #frmShareholder .form-group label {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 5px !important;
}
.portfolio-form form .form-group input {
  height: 35px !important;
}
.portfolio-form form .form-group select {
  height: 35px !important;
}

#divPager {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 20px !important;
}

.tr-form-table.sh-movement .dataTables_length {
  margin-top: 5px !important;
  text-align: center !important;
}
.tr-form-table.sh-movement .trf-title .shm-type label.btn.btn-link {
  padding: 8px 0px 5px 0px !important;
  margin-right: 15px !important;
}
.tr-form-table.sh-movement .shm-button.shm-button-filter {
  box-shadow: none !important;
}

.sh-title {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.sh-title ul {
  display: block;
  float: left;
  width: 100%;
  border-bottom: 1px solid #ddd !important;
  padding: 0px 0px 10px 0px !important;
}
.sh-title ul li {
  display: block;
  float: left;
  width: auto !important;
}
.sh-title ul li a {
  font-size: 15px !important;
  margin-right: 20px !important;
}
.sh-title ul li a:hover {
  text-decoration: underline;
  color: #333 !important;
}
.sh-title ul li a.active {
  color: #333 !important;
  position: relative;
}
.sh-title ul li a.active:before {
  content: "";
  display: block;
  border-bottom-color: transparent;
  border-bottom-color: transparent;
  border-bottom: 2px solid #36437e !important;
  position: absolute;
  bottom: -13px;
  left: 0%;
  margin-left: 0px !important;
  transition: all 0.5s ease-in-out;
  width: 100% !important;
  height: 5px !important;
}

.sh-details {
  display: block;
  float: left;
  width: 100%;
  padding: 15px !important;
  margin-top: 20px !important;
}
.sh-details p {
  display: block;
  float: left;
  width: auto;
  margin-bottom: 15px !important;
  background: #ddd !important;
  padding: 10px !important;
  margin-top: -20px !important;
}
.sh-details table thead {
  background: #f5f5f5 !important;
  border: 1px solid #ddd !important;
}
.sh-details table tbody {
  border: 1px solid #ddd !important;
  border-top: none !important;
}
.sh-details table tbody tr {
  border-bottom: 1px dotted #d2d2d2 !important;
}
.sh-details table tbody tr td {
  border-bottom: none !important;
}
.sh-details table tbody tr td:first-child {
  width: 60% !important;
}
.sh-details table tbody tr td:last-child {
  text-align: right !important;
}
.sh-details table tbody tr td.gainer {
  color: #30b983 !important;
  margin: 0px !important;
}
.sh-details table tbody tr td.gainer i {
  color: #30b983 !important;
  margin-right: 5px !important;
}
.sh-details table tbody tr td.looser {
  color: #f13a3a !important;
  margin: 0px !important;
}
.sh-details table tbody tr td.looser i {
  color: #f13a3a !important;
  margin-right: 5px !important;
}
.sh-details h4 {
  display: block;
  float: left;
  width: 100%;
  font-size: 13px !important;
}
.sh-details .sh-table {
  display: block;
  float: left;
  width: 100%;
}

.shd-left {
  display: block;
  float: left;
  width: 100%;
}

.shd-right {
  display: block;
  float: left;
  width: 100%;
}

.shd-right.history-data.sm-mover #tabs {
  margin-top: 0px !important;
  padding: 0px !important;
}
.shd-right.history-data.sm-mover .sw-investment {
  display: block;
  float: left;
  width: 100%;
  background: #fff !important;
  text-align: center !important;
  border: 1px solid #ddd !important;
  border-top: none !important;
}
.shd-right.history-data.sm-mover .sw-investment h3 {
  text-align: center !important;
  font-size: 15px !important;
  margin-bottom: 0px !important;
  display: block;
  width: 100% !important;
  color: #fff !important;
  background: #36437e !important;
}
.shd-right.history-data.sm-mover .sw-investment .sw-image {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 20px !important;
}
.shd-right.history-data.sm-mover .sw-investment .sw-image img {
  margin: 0 auto;
  text-align: center !important;
}

.shm-button {
  display: block;
  float: right;
  width: 100% !important;
  text-align: right;
}

.sh-movement select.po-select {
  padding: 0px 10px !important;
  border: 1px solid #ced4da !important;
  border-radius: 0px !important;
  height: 30px !important;
  width: 100% !important;
  font-size: 13px !important;
  margin-left: 0px !important;
}
.sh-movement #watchlist table.table.table-striped thead {
  border: none !important;
}
.sh-movement #watchlist table.table.table-striped thead tr {
  border: none !important;
}
.sh-movement #watchlist table.table.table-striped thead tr td .sh-movement #watchlist table tr td span.select2-selection.select2-selection--single {
  border-radius: 0px !important;
}

.sh-table.lg-table.rgl-report thead tr th p {
  display: block;
  float: left;
  width: auto !important;
}
.sh-table.lg-table.rgl-report thead tr th p.investment {
  border-bottom: none !important;
}
.sh-table.lg-table.rgl-report thead tr th span.first {
  display: block;
  float: left;
  width: 100%;
}
.sh-table.lg-table.rgl-report thead tr th span.last {
  display: block;
  float: right;
  width: 50%;
  text-align: left !important;
}
.sh-table.lg-table.rgl-report tbody tr td p.investment {
  border-bottom: none !important;
}
.sh-table.lg-table.rgl-report tbody tr td span.first {
  display: block;
  float: left;
  width: 50%;
}
.sh-table.lg-table.rgl-report tbody tr td span.last {
  display: block;
  float: right;
  width: 50%;
  text-align: left !important;
}

#stock-holding-movement .trf-title.sh-movement {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px 0px !important;
  padding: 10px 0px !important;
  box-shadow: 0 10px 20px -20px rgba(52, 168, 66, 0.6) !important;
}
#stock-holding-movement .trf-title.sh-movement button {
  padding: 6px 15px !important;
}
#stock-holding-movement .trf-title.sh-movement button.btnbtnSearch {
  background: #36437e !important;
}
#stock-holding-movement .trf-title.sh-movement button.btnResetFilter {
  background: #0e5e5e !important;
}
#stock-holding-movement .form-group {
  text-align: left !important;
}
#stock-holding-movement .form-group input {
  padding: 0px 10px !important;
  border: 1px solid #ced4da !important;
  border-radius: 0px !important;
  height: 30px !important;
  font-size: 13px !important;
  color: #000 !important;
}
#stock-holding-movement .form-group input::placeholder {
  color: #000 !important;
}
#stock-holding-movement .trf-title .more-fun {
  width: 32% !important;
}
#stock-holding-movement span.select2-selection.select2-selection--single {
  height: 30px !important;
  padding: 2px 0px !important;
}
#stock-holding-movement .select2-container--default .select2-selection--single {
  min-height: 30px !important;
}
#stock-holding-movement .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 1px !important;
}

#stock-wise-movement .shm-button {
  width: auto !important;
  margin-left: 10px !important;
  margin-top: -2px !important;
}
#stock-wise-movement .shm-button a.btn.btn-success {
  color: #fff !important;
}
#stock-wise-movement .shm-button a.btn.btn-success:focus {
  box-shadow: none !important;
}
#stock-wise-movement .shm-button a.btn:hover {
  background: #238e64 !important;
}
#stock-wise-movement .dataTables_length {
  display: block !important;
  float: right !important;
  text-align: right !important;
}

.title-desc {
  padding: 55px 20px 0px 20px !important;
}

.shm-description {
  display: block;
  float: left;
  width: 100% !important;
}

.pnt-pdf {
  display: block !important;
  float: right;
  width: auto !important;
  margin: 4px 0px 0px 20px !important;
}
.pnt-pdf a i {
  color: #f13a3a !important;
  font-size: 20px !important;
}

.shm-date .as-of-date-title {
  padding: 0px !important;
}

#hidden-menu {
  display: none !important;
}

.hidden-menu {
  display: block;
  float: left;
  width: 100% !important;
}
.hidden-menu p {
  margin: 0px !important;
  display: block;
  float: left;
  width: 100% !important;
  font-size: 14px !important;
  line-height: 22px !important;
  padding: 10px !important;
  background: #f7f7f7;
}

.holding-report {
  display: block;
  float: left;
  width: 100% !important;
  margin: 10px 0px !important;
}
.holding-report .shd-left.sm-table table tbody tr td {
  padding: 0px !important;
}
.holding-report .shd-left.sm-table table tbody tr td:hover {
  background: #fff !important;
}

div#cgt-report {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px 0px 20px 0px !important;
  padding: 0px !important;
  box-shadow: 0 10px 20px -20px rgba(52, 168, 66, 0.6) !important;
  border: none !important;
  background: #fff !important;
}

#cgt-report .form-group .input-group a.dbOpenButton.btn.btn-secondary {
  background: #30b983 !important;
  padding: 10px !important;
  height: 30px !important;
  line-height: 20px !important;
}
#cgt-report .form-group a.btn-secondary {
  width: 30px !important;
  height: 30px !important;
}
#cgt-report .form-group a.btn-secondary span {
  background: none !important;
  padding: 5px 7px !important;
}
#cgt-report .form-group a.btn-secondary:focus {
  box-shadow: none !important;
}
#cgt-report .form-group a.btn-secondary:focus span {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}
#cgt-report .trf-title .shm-button {
  margin-top: -5px !important;
  text-align: left !important;
}
#cgt-report .trf-title .shm-button button#btnSearch {
  padding: 7px 10px !important;
}
#cgt-report .trf-title .shm-button button#btnReset {
  padding: 7px 10px !important;
}
#cgt-report span.select2-selection.select2-selection--single {
  height: 30px !important;
  padding: 2px 0px !important;
}
#cgt-report .select2-container--default .select2-selection--single {
  min-height: 30px !important;
}
#cgt-report .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0px !important;
}

#p-news-actions {
  padding: 0px !important;
  box-shadow: none !important;
}
#p-news-actions .broker-list {
  padding: 0px !important;
  box-shadow: none !important;
  box-shadow: none !important;
}
#p-news-actions table#tblAgm tbody#tbAgm tr td:nth-child(2) {
  width: 100px !important;
}
#p-news-actions table#tblDividend tbody#tbDividend tr td:nth-child(2) {
  width: 100px !important;
}
#p-news-actions table#tblFinancialReport tbody#tbFinancialReport tr td:nth-child(2) {
  width: 100px !important;
}
#p-news-actions table#tblRight tbody#tbRight tr td:nth-child(2) {
  width: 120px !important;
}
#p-news-actions table#tblAuction tbody#tbAuction tr td:nth-child(2) {
  width: 120px !important;
}
#p-news-actions table#tblAuction tbody#tbAuction tr td:nth-child(3) {
  text-align: right !important;
}
#p-news-actions table#tblAuction thead tr th:nth-child(3) {
  text-align: right !important;
  float: right !important;
}

.add-new-record {
  display: block;
  float: left;
  width: 100%;
}
.add-new-record a {
  display: block;
  float: right !important;
  width: auto !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  background: #30b983 !important;
  padding: 8px 15px !important;
  cursor: pointer !important;
  overflow: hidden !important;
  margin-bottom: 10px !important;
}
.add-new-record a i {
  color: #fff !important;
  margin-right: 5px !important;
}

.tr-form-main .form-group {
  margin: 0px !important;
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 15px !important;
  position: relative;
}
.tr-form-main .form-group a#btnGetHistory {
  color: #36437e !important;
  font-weight: bold !important;
  font-size: 13px !important;
}
.tr-form-main .form-group input {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 5px !important;
  border: 1px solid #ced4da;
  border-radius: 0px !important;
  height: 30px !important;
  font-size: 13px !important;
}
.tr-form-main .form-group input:focus {
  box-shadow: none !important;
  outline: none !important;
}
.tr-form-main .form-group select {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 10px !important;
  border: 1px solid #ced4da;
  border-radius: 0px !important;
  height: 30px !important;
  font-size: 13px !important;
}
.tr-form-main .form-group select:focus {
  box-shadow: none !important;
  outline: none !important;
}
.tr-form-main .form-group span {
  position: absolute;
  right: 1px !important;
  top: 1px;
  background: #f2f2f2;
  padding: 3.3px 10px;
}
.tr-form-main .form-group .more-fun {
  display: block;
  float: left;
  width: 100% !important;
  text-align: right;
  margin-top: 2px !important;
  border: none !important;
  box-shadow: none !important;
}
.tr-form-main .form-group .more-fun a {
  font-size: 12px !important;
  border-right: 1px solid #777 !important;
  padding: 0px 7px 0px 0px !important;
  color: #666 !important;
}
.tr-form-main .form-group .more-fun a:last-child {
  border-right: none !important;
}
.tr-form-main .form-group .more-fun a:hover {
  text-decoration: underline !important;
  color: #000 !important;
}
.tr-form-main .form-group #more-fun-btn {
  margin-top: 30px !important;
}

.p-transaction-rec.po-search {
  padding: 10px !important;
}
.p-transaction-rec.po-search .po-search {
  margin-bottom: 8px !important;
}

.trf-table {
  display: block;
  float: left;
  width: 100% !important;
}
.trf-table table thead {
  background: #f5f5f5 !important;
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  padding: 10px 0px !important;
}

.pdropdown {
  display: none !important;
}

.pdropdown.active {
  display: block !important;
  float: right;
  width: 150px !important;
  background: #fff !important;
  border: 1px solid #ddd !important;
  position: absolute;
  right: 0px !important;
  top: 36px;
  z-index: 99 !important;
}
.pdropdown.active ul {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px !important;
  padding: 0px !important;
}
.pdropdown.active ul li {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  border-bottom: 1px dotted #ddd !important;
  margin: 0px !important;
}
.pdropdown.active ul li:last-child {
  border-bottom: none !important;
  margin: 0px !important;
}
.pdropdown.active ul li:hover {
  background: #f5f5f5 !important;
}
.pdropdown.active ul li a {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  border-right: none !important;
  padding: 10px !important;
  text-align: right !important;
}
.pdropdown.active ul li a:hover {
  text-decoration: none !important;
}

.pdropdown1 {
  display: none !important;
}

.pdropdown1.active {
  display: block !important;
  float: right;
  width: 150px !important;
  background: #fff !important;
  border: 1px solid #ddd !important;
  position: absolute;
  right: 0px !important;
  top: 36px;
  z-index: 99 !important;
}
.pdropdown1.active ul {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px !important;
  padding: 0px !important;
}
.pdropdown1.active ul li {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  border-bottom: 1px dotted #ddd !important;
  margin: 0px !important;
}
.pdropdown1.active ul li:last-child {
  border-bottom: none !important;
  margin: 0px !important;
}
.pdropdown1.active ul li:hover {
  background: #f5f5f5 !important;
}
.pdropdown1.active ul li a {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  border-right: none !important;
  padding: 10px !important;
  text-align: right !important;
}
.pdropdown1.active ul li a:hover {
  text-decoration: none !important;
}

.pdropdown2 {
  display: none !important;
}

.pdropdown2.active {
  display: block !important;
  float: right;
  width: 150px !important;
  background: #fff !important;
  border: 1px solid #ddd !important;
  position: absolute;
  right: 0px !important;
  top: 36px;
  z-index: 99 !important;
}
.pdropdown2.active ul {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px !important;
  padding: 0px !important;
}
.pdropdown2.active ul li {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  border-bottom: 1px dotted #ddd !important;
  margin: 0px !important;
}
.pdropdown2.active ul li:last-child {
  border-bottom: none !important;
  margin: 0px !important;
}
.pdropdown2.active ul li:hover {
  background: #f5f5f5 !important;
}
.pdropdown2.active ul li a {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  border-right: none !important;
  padding: 10px !important;
  text-align: right !important;
}
.pdropdown2.active ul li a:hover {
  text-decoration: none !important;
}

.add-txn {
  display: none !important;
}

.add-txn.active {
  display: block !important;
  float: right;
  width: 150px !important;
  background: #fff !important;
  border: 1px solid #ddd !important;
  position: absolute;
  right: 0px !important;
  top: 36px;
  z-index: 99 !important;
}
.add-txn.active ul {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px !important;
  padding: 0px !important;
}
.add-txn.active ul li {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  border-bottom: 1px dotted #ddd !important;
  margin: 0px !important;
}
.add-txn.active ul li:last-child {
  border-bottom: none !important;
  margin: 0px !important;
}
.add-txn.active ul li:hover {
  background: #f5f5f5 !important;
}
.add-txn.active ul li a {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  border-right: none !important;
  padding: 10px !important;
  text-align: right !important;
}
.add-txn.active ul li a:hover {
  text-decoration: none !important;
}

.transaction-history-details {
  display: block;
  float: left;
  width: 100% !important;
}
.transaction-history-details .accordion {
  display: block;
  float: left;
  width: 100% !important;
}
.transaction-history-details .accordion .card {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 10px !important;
  border: none !important;
  border-bottom: 1px solid #ddd !important;
  border-radius: 0px !important;
  box-shadow: none !important;
}
.transaction-history-details .accordion .card .card-head h4 {
  margin-bottom: 15px !important;
  font-size: 15px !important;
}
.transaction-history-details .accordion .card .card-head ul {
  display: block;
  float: left;
  width: 100% !important;
}
.transaction-history-details .accordion .card .card-head ul li {
  display: block;
  float: left;
  width: 11% !important;
  font-weight: normal !important;
}
.transaction-history-details .accordion .card .card-head ul li p {
  margin-bottom: 5px !important;
  font-weight: normal !important;
}
.transaction-history-details .card .card-body {
  padding: 0px !important;
}

.thd-title {
  display: block;
  float: left;
  width: 100% !important;
  padding: 15px 10px !important;
  background: #f5f5f5 !important;
}
.thd-title ul {
  display: block;
  float: left;
  width: 100% !important;
}
.thd-title ul li {
  display: block;
  float: left;
  width: 12.5% !important;
  font-weight: bold !important;
}
.thd-title ul li p {
  margin-bottom: 5px !important;
  font-weight: normal !important;
}

.card {
  background-color: #fff;
  border: 1px solid rgba(0, 34, 51, 0.1);
  box-shadow: 2px 4px 10px 0 rgba(0, 34, 51, 0.05), 2px 4px 10px 0 rgba(0, 34, 51, 0.05);
  border-radius: 5px;
}
.card h2.mb-0 {
  background: #fdf3e8;
}
.card h2.mb-0 h4 {
  color: #1a7e56 !important;
}
.card h2.mb-0 ul li {
  color: #1a7e56 !important;
}
.card h2.mb-0 ul li p {
  color: #1a7e56 !important;
}
.card h2.mb-0:before {
  display: none !important;
}
.card h2.mb-0:after {
  display: block !important;
  width: 30px;
  height: 30px;
  font: 16px fontawesome;
  color: #36437e;
  content: "\f068";
  transition: all 0.3s ease;
  margin-right: 10px !important;
  background: #ddd !important;
  padding: 8px !important;
  position: absolute;
  right: 0px !important;
  top: 33px !important;
  cursor: pointer !important;
}
.card h2.mb-0:hover:after {
  cursor: pointer !important;
}
.card h2.mb-0.collapsed {
  background: #fff !important;
  position: relative;
}
.card h2.mb-0.collapsed h4 {
  color: #36437e !important;
}
.card h2.mb-0.collapsed ul li {
  color: #333 !important;
}
.card h2.mb-0.collapsed ul li p {
  color: #333 !important;
}
.card h2.mb-0.collapsed:before {
  width: 30px;
  height: 30px;
  font: 16px fontawesome;
  color: #36437e;
  content: "\f067";
  transition: all 0.3s ease;
  margin-right: 10px !important;
  background: #ddd !important;
  padding: 8px !important;
  position: absolute;
  right: 0px !important;
  top: 33px !important;
  display: block !important;
}
.card h2.mb-0.collapsed:after {
  width: 30px;
  height: 30px;
  font: 16px fontawesome;
  color: #36437e;
  content: "\f068";
  transition: all 0.3s ease;
  margin-right: 10px !important;
  background: #ddd !important;
  padding: 8px !important;
  position: absolute;
  right: 0px !important;
  top: 33px !important;
  display: none !important;
}

.thd-section {
  display: block;
  float: left;
  width: 100% !important;
  padding: 15px 15px !important;
}
.thd-section:hover {
  cursor: pointer !important;
}

.collapse.show .thd-breakdown {
  background: #fff !important;
  border-top: 1px solid #d5baa0 !important;
}
.collapse.show .thd-breakdown h5 {
  display: block;
  float: left;
  width: auto !important;
  margin-right: 20px !important;
}
.collapse.show .thd-breakdown p {
  display: block;
  float: left;
  width: auto !important;
  margin-right: 0px !important;
}
.collapse.show .thd-breakdown table thead {
  background-color: #ffe1e1 !important;
}

.thd-breakdown {
  display: block;
  float: left;
  width: 100% !important;
  padding: 20px 20px !important;
  background: #fff !important;
}
.thd-breakdown h5 {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 10px !important;
  font-weight: bold !important;
  font-size: 15px !important;
}
.thd-breakdown p {
  margin-bottom: 10px !important;
}
.thd-breakdown table {
  border: 1px solid #ddd !important;
  margin-top: 10px !important;
  background: #fff !important;
}
.thd-breakdown table thead {
  background-color: #f1f1f1 !important;
}
.thd-breakdown table tbody tr:hover {
  background: transparent !important;
}

table.fold-table > tbody > tr.view td {
  padding: 10px !important;
  cursor: pointer;
}
table.fold-table > tbody > tr.view td:first-child {
  position: relative;
  padding-left: 20px;
}
table.fold-table > tbody > tr.view td:first-child:before {
  width: 9px;
  height: 16px;
  margin-top: -6px;
  font: 16px fontawesome;
  color: #36437e;
  content: "\f067";
  transition: all 0.3s ease;
  margin-right: 10px !important;
  background: #aaa !important;
  padding: 5px !important;
}
table.fold-table > tbody > tr.view th {
  cursor: pointer;
}
table.fold-table > tbody > tr.view th:first-child {
  position: relative;
  padding-left: 20px;
}
table.fold-table > tbody > tr.view th:first-child:before {
  width: 9px;
  height: 16px;
  margin-top: -6px;
  font: 16px fontawesome;
  color: #36437e;
  content: "\f067";
  transition: all 0.3s ease;
  margin-right: 10px !important;
  background: #aaa !important;
  padding: 5px !important;
}
table.fold-table > tbody > tr.view:nth-child(4n-1) {
  background: #f1f1f1;
}
table.fold-table > tbody > tr.view:hover {
  background: #ddd;
}
table.fold-table > tbody > tr.view.open {
  background: #30b983;
  color: #fff;
}
table.fold-table > tbody > tr.view.open > td {
  color: #fff !important;
}
table.fold-table > tbody > tr.view.open > td > a {
  color: #fff !important;
}
table.fold-table > tbody > tr.view.open td:first-child:before {
  transform: rotate(-180deg);
  color: #000;
  display: none !important;
}
table.fold-table > tbody > tr.view.open td:first-child:after {
  margin-right: 10px !important;
  float: left;
  display: block;
  margin-top: -2px !important;
  width: 9px;
  height: 23px;
  margin-top: -8px;
  font: 16px fontawesome;
  color: #36437e;
  content: "\f068";
  transition: all 0.3s ease;
  background: #ddd !important;
  width: auto !important;
  padding: 4px 5px !important;
}
table.fold-table > tbody > tr.view.open th:first-child:before {
  transform: rotate(-180deg);
  color: #000;
  display: none !important;
}
table.fold-table > tbody > tr.fold {
  display: none;
}
table.fold-table > tbody > tr.fold.open {
  display: table-row;
  background: #f5f5f5 !important;
}

.fold-content {
  padding: 10px !important;
}
.fold-content h3 {
  display: block;
  float: left;
  width: 100%;
  font-size: 14px !important;
  margin-bottom: 10px !important;
  display: block;
  float: left;
  font-weight: bold !important;
}
.fold-content p {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 15px !important;
}
.fold-content span {
  display: block;
  float: left;
  width: 100%;
}
.fold-content > table {
  border: 1px solid #ccc;
}
.fold-content > table > tbody tr:nth-child(even) {
  background: #fff;
}

.buy-summary {
  display: block;
  float: left;
  width: 100% !important;
}
.buy-summary .sell-summary-row {
  display: block;
  float: left;
  width: 14.28% !important;
}

.sell-summary {
  display: block;
  float: left;
  width: 100% !important;
  background: #fff !important;
  margin: 5px 0px 20px 0px !important;
  padding: 10px !important;
}

.sell-summary-row {
  display: block;
  float: left;
  width: 100% !important;
}
.sell-summary-row p {
  display: block;
  float: left;
  width: 100% !important;
  background: #f5f5f5 !important;
  padding: 10px !important;
  height: 66px !important;
  line-height: 23px !important;
  margin-bottom: 0px !important;
  font-weight: bold !important;
}
.sell-summary-row span {
  display: block;
  float: left;
  width: 100% !important;
  background: #fff !important;
  padding: 10px !important;
}

.sell-summary-breakdown {
  display: block;
  float: left;
  width: 100% !important;
}

.ss-option {
  display: block;
  float: left;
  width: 100% !important;
  background: #d2d2d2 !important;
  margin: 0px 0px !important;
  padding: 10px !important;
}

.ss-option-main {
  display: block;
  float: left;
  width: 100% !important;
}
.ss-option-main p {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 0px !important;
}

.tr-form-right {
  display: block;
  float: left;
  width: 100% !important;
}
.tr-form-right .thd-title {
  display: block;
  float: left;
  width: 100% !important;
  background: #f5f5f5 !important;
  border: 1px solid #ddd !important;
  border-bottom: none !important;
}
.tr-form-right .thd-title ul li {
  display: block;
  float: left;
  width: 14.28% !important;
}
.tr-form-right .thd-details {
  display: block;
  float: left;
  width: 100% !important;
  background: #fff !important;
  padding: 10px !important;
  border: 1px solid #ddd !important;
  border-top: none !important;
}
.tr-form-right .thd-details ul li {
  display: block;
  float: left;
  width: 14.28% !important;
}
.tr-form-right .thd-details ul li p {
  margin-bottom: 10px !important;
}
.tr-form-right .thd-details ul li button {
  color: #fff !important;
  padding: 10px !important;
  margin-bottom: 5px !important;
  font-size: 13px !important;
  width: 100% !important;
}
.tr-form-right .thd-details ul li button:last-child {
  margin-bottom: 0px !important;
}

.tr-form {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: px !important;
}

span.select2:focus {
  border: none !important;
  background: none !important;
  outline: none !important;
}

span.select2-container:focus {
  border: none !important;
  background: none !important;
  outline: none !important;
}

span.select2-container--default:focus {
  border: none !important;
  background: none !important;
  outline: none !important;
}

span.select2-container--above:focus {
  border: none !important;
  background: none !important;
  outline: none !important;
}

span.select2-container--focus:focus {
  border: none !important;
  background: none !important;
  outline: none !important;
}

span.select2-selection:focus {
  background: none !important;
  outline: none !important;
}

span.select2-selection--single:focus {
  background: none !important;
  outline: none !important;
}

span.select2-selection__rendered:focus {
  border: none !important;
  background: none !important;
  outline: none !important;
}

span#select2-ddlCompany-container:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.tr-form-section {
  display: block;
  float: left;
  width: 100% !important;
  border: 1px solid #ddd;
  padding: 10px !important;
  position: relative !important;
}
.tr-form-section .form-group {
  display: block;
  float: left;
  width: 100% !important;
}
.tr-form-section .form-group label {
  display: block;
  float: left;
  width: 100% !important;
}
.tr-form-section .form-group input {
  border: 1px solid #ddd !important;
  border-radius: 0px !important;
  width: 90% !important;
  height: 32px !important;
  padding: 0px 10px !important;
  font-size: 13px !important;
}
.tr-form-section .form-group input:focus {
  box-shadow: none !important;
}
.tr-form-section .form-group select {
  border: 1px solid #ddd !important;
  border-radius: 0px !important;
  width: 90% !important;
  height: 32px !important;
  padding: 0px 10px !important;
  font-size: 13px !important;
}
.tr-form-section .form-group select:focus {
  box-shadow: none !important;
}

.th-form .form-group label {
  display: block;
  float: left;
  width: 100% !important;
  margin-right: 15px !important;
}
.th-form .form-group select {
  display: block;
  float: left;
  width: 100% !important;
}

.del-section {
  position: absolute;
  z-index: 999 !important;
  right: 0px !important;
  top: 32px !important;
}
.del-section a i {
  font-size: 16px !important;
  padding: 0px 0px !important;
  color: #666 !important;
}
.del-section a i:hover {
  color: #000 !important;
}

#hidden-section {
  display: none;
  float: left;
  width: 100% !important;
  background: #f2f2f2 !important;
  padding: 10px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#hidden-section p {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 16px !important;
  margin-bottom: 5px !important;
}

.hidden-section-bottom {
  display: block;
  float: left;
  width: 100% !important;
  border-top: 1px solid #ddd !important;
  padding: 10px 0px !important;
}
.hidden-section-bottom .form-group label {
  height: 40px !important;
  font-weight: 600 !important;
}

.add-more {
  display: block;
  text-align: center !important;
  width: auto !important;
  padding: 0px 20px !important;
  margin-bottom: 10px !important;
  padding: 0px !important;
  display: block;
  float: left;
  width: 100% !important;
}
.add-more:hover a {
  color: #36437e !important;
}
.add-more:hover a:hover i {
  transform: rotate(90deg) !important;
}
.add-more:hover a i {
  color: #36437e !important;
}
.add-more:hover i {
  color: #c19b19 !important;
}
.add-more a {
  text-align: center !important;
  display: block;
  font-size: 14px !important;
  color: #36437e !important;
  margin-top: 5px !important;
  display: inline;
  font-size: 14px !important;
  color: #36437e !important;
  margin-top: 5px !important;
  text-align: center !important;
  margin: 0 auto !important;
}
.add-more a i {
  margin-right: 5px !important;
  font-size: 14px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.add-more a:hover {
  color: #c19b19 !important;
}
.add-more a:hover i {
  color: #c19b19 !important;
}

button.save.btn {
  color: #fff !important;
  padding: 10px 15px !important;
}
button.save.btn:focus {
  box-shadow: none !important;
}

button.cancel.btn {
  color: #fff !important;
  padding: 10px 15px !important;
}
button.cancel.btn:focus {
  box-shadow: none !important;
}

.sp-title {
  display: block !important;
  float: left;
  width: 100% !important;
  padding: 10px !important;
}
.sp-title p {
  display: block !important;
  float: left;
  width: auto !important;
  margin-right: 10px !important;
  padding-bottom: 0px !important;
  border-right: 1px solid #aaa !important;
  padding-right: 10px !important;
}
.sp-title p:last-child {
  border-right: none !important;
}

.shareholder-table {
  display: block !important;
  float: left;
  width: 100% !important;
}
.shareholder-table ul.title {
  display: block !important;
  float: left;
  width: 100% !important;
  background: #f5f5f5 !important;
  padding: 10px;
}
.shareholder-table ul.title li {
  display: block !important;
  float: left;
  width: 12.5% !important;
  padding-right: 10px !important;
  padding: 10px;
}
.shareholder-table ul.title li p {
  display: block !important;
  float: left;
  width: 100% !important;
  padding-bottom: 5px !important;
  margin-bottom: 3px !important;
  border-bottom: 1px solid #aaa !important;
}
.shareholder-table ul.main-body {
  display: block !important;
  float: left;
  width: 100% !important;
  background: #fff !important;
}
.shareholder-table ul.main-body li {
  display: block !important;
  float: left;
  width: 100% !important;
  border-bottom: 1px solid #ccc !important;
  padding: 10px !important;
}
.shareholder-table ul.main-body li:hover {
  background-color: #f1f1f1 !important;
}
.shareholder-table ul.main-body li .main-body-details {
  display: block !important;
  float: left;
  width: 100% !important;
}
.shareholder-table ul.main-body li .main-body-details ul {
  display: block !important;
  float: left;
  width: 100% !important;
}
.shareholder-table ul.main-body li .main-body-details ul li {
  display: block !important;
  float: left;
  width: 12.5% !important;
  padding: 10px !important;
  border-bottom: none !important;
}
.shareholder-table ul.main-body li .main-body-details ul li p {
  display: block !important;
  float: left;
  width: 100% !important;
  padding-bottom: 5px !important;
  margin-bottom: 3px !important;
  border-bottom: 1px dotted #aaa !important;
}
.shareholder-table ul.main-body li .main-body-details ul li span a:hover {
  color: #30b983 !important;
  text-decoration: underline !important;
}

#t-title-calender .ipo-calender ul li {
  display: inline;
  width: 33% !important;
  text-align: center !important;
  margin: 0 auto !important;
}
#t-title-calender #div-list {
  margin-top: 0px !important;
}
#t-title-calender #t-calender #schedules {
  margin-bottom: 20px !important;
}
#t-title-calender #t-calender #schedules .pignose-calendar-top {
  background: #30b983 !important;
}
#t-title-calender #t-calender #schedules .pignose-calendar-top-month {
  color: #fff !important;
}
#t-title-calender #t-calender #schedules .pignose-calendar-top-year {
  color: #fff !important;
}
#t-title-calender #t-calender #schedules .pignose-calendar-top-icon {
  color: #fff !important;
}
#t-title-calender #t-calender #schedules .pignose-calendar-header {
  background: #eaeaea !important;
  margin-top: 0px !important;
  padding: 5px !important;
}
#t-title-calender #t-calender #schedules .schedules-date {
  height: auto !important;
  overflow: auto !important;
}
#t-title-calender #schedules .tblbox {
  width: 100% !important;
  background: #f2f2f2 !important;
  padding: 25px 10px !important;
  position: absolute;
  z-index: 8 !important;
  margin: 0 auto !important;
  top: 25% !important;
  left: 0px !important;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1) !important;
  overflow: scroll !important;
  height: 300px !important;
  right: 0px !important;
}
#t-title-calender #schedules .tblbox .pbdy {
  padding: 0px !important;
}
#t-title-calender #schedules .tblbox .pbdy p {
  padding: 0px !important;
  margin-bottom: 10px !important;
}

#t-calender #schedules {
  display: block;
  float: left;
  width: 96% !important;
  text-align: left !important;
  margin: 0px 0px 0px 0px !important;
  position: relative;
}
#t-calender #schedules .pignose-calendar {
  max-width: 100% !important;
  float: left !important;
  width: 100% !important;
}
#t-calender #schedules .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
  background: #30b983 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  padding: 8px !important;
}
#t-calender #schedules span.pignose-calendar-button-schedule-pin.pignose-calendar-button-schedule-pin-buy {
  background: #30b983 !important;
}
#t-calender .tblbox {
  display: block;
  float: left;
  width: 55% !important;
  position: absolute;
  top: 0px;
  right: 0px;
}
#t-calender .tblbox p#xclose {
  padding: 0px !important;
  float: right;
  text-align: right;
  right: 0px !important;
  position: absolute;
  display: block;
  font-size: 15px !important;
  color: #fff !important;
  background: #656565 !important;
  width: 25px !important;
  height: 25px !important;
  padding: 2px 7px !important;
  font-weight: bold !important;
}

#tt-history-title {
  display: block;
  float: left;
  width: 100% !important;
}
#tt-history-title .trf-title p {
  margin-top: 8px !important;
}
#tt-history-title label {
  padding: 5px 0px !important;
  margin-right: 20px !important;
}

#trn-history #cgt-report .form-group span {
  position: static !important;
  background: #fff !important;
  height: 30px !important;
  display: block;
  float: left;
  width: 100% !important;
  padding: 1px !important;
  border: 1px solid #ced4da !important;
}
#trn-history #cgt-report .form-group span span {
  border: none !important;
  background: transparent !important;
  padding: 0px 3px !important;
  font-size: 13px !important;
}
#trn-history #cgt-report .form-group span span:focus {
  border: none !important;
  box-shadow: none !important;
  border: none !important;
  box-shadow: none !important;
}
#trn-history #cgt-report .form-group span span span:focus {
  border: none !important;
  box-shadow: none !important;
}
#trn-history #cgt-report .form-group span span span span:focus {
  border: none !important;
  box-shadow: none !important;
}
#trn-history #cgt-report .form-group span:focus {
  border: none !important;
  box-shadow: none !important;
  border: none !important;
  box-shadow: none !important;
}
#trn-history #cgt-report .form-group span#select2-t5hk-container {
  border: none !important;
  background: #fff !important;
  position: static !important;
  height: 30px !important;
}
#trn-history #cgt-report .form-group .input-group a {
  padding: 5px !important;
}
#trn-history #cgt-report .form-group .input-group a span {
  background: none !important;
  border: none !important;
}

.tr-form-table .transaction-record-details .tr-form-section {
  border: none !important;
  border-bottom: 1px solid #ddd !important;
  padding: 20px 0px 20px 0px !important;
  margin-bottom: 10px !important;
  box-shadow: none !important;
}

.select2-container--open .select2-dropdown {
  left: 0;
  top: 2px;
  border: 1px solid #ddd !important;
  border-radius: 0px !important;
}

#sel-company .select2-container--open .select2-dropdown {
  width: 32% !important;
  top: 24px;
}
#sel-company .form-group span.selection {
  background: #fff !important;
  width: 100% !important;
  height: 30px !important;
  border: 1px solid #ddd !important;
  padding: 2px 10px !important;
}
#sel-company .form-group span.select2-selection.select2-selection--single {
  position: static;
  width: 100% !important;
  display: block;
  float: left;
  border: none !important;
  background: transparent !important;
  padding: 0px !important;
}
#sel-company .form-group span#select2-ddlCompany-container {
  width: 100% !important;
  text-align: left;
  position: static;
  display: block;
  float: left;
  border: none !important;
  height: 22px !important;
  padding: 0px !important;
  background: transparent !important;
  font-size: 13px !important;
}
#sel-company .form-group span.select2-selection__arrow {
  background: transparent !important;
}
#sel-company .form-group span.select2-selection__arrow b {
  margin-left: -13px;
  margin-top: -7px;
}
#sel-company .form-group span.dropdown-wrapper {
  background: transparent !important;
}

#add-trn {
  padding: 0px !important;
  background: #fff !important;
}
#add-trn .form-group {
  display: block;
  float: left;
  width: 100% !important;
}
#add-trn .form-group a.add-lot {
  display: block !important;
  float: left !important;
  padding: 6px 6px !important;
  margin-bottom: 0px !important;
}
#add-trn .form-group p#option {
  display: block !important;
  float: left !important;
  padding: 6px 6px !important;
  margin-bottom: 0px !important;
}
#add-trn .form-group span {
  display: block;
  float: left;
  text-align: right !important;
  font-size: 13px !important;
  width: 40% !important;
  padding: 6px 6px !important;
}
#add-trn .form-group input {
  display: block !important;
  width: 60% !important;
  float: right !important;
}

#add-trn-form .form-group span {
  height: 30px !important;
  line-height: 22px !important;
  font-size: 13px !important;
}
#add-trn-form .form-group .select2-selection__arrow b {
  top: 50% !important;
  right: 10% !important;
}
#add-trn-form .del-section {
  position: absolute;
  z-index: 1 !important;
  right: 0px !important;
  top: 30px !important;
}

.t-import {
  display: block;
  float: left;
  width: 100% !important;
  border: 1px solid #ddd !important;
  padding: 5px 7px;
}
.t-import input#flImport {
  display: block;
  float: left;
  width: 80% !important;
  padding: 5px 0px !important;
}
.t-import label.error {
  display: block;
  float: left;
  width: 80%;
  font-size: 13px !important;
}

#btnSaveImport {
  display: block;
  float: left;
  width: 20% !important;
  border-radius: 0px !important;
  color: #fff !important;
  background: #d8ba58 !important;
  padding: 10px !important;
  border: none !important;
}
#btnSaveImport:focus {
  box-shadow: none !important;
}

.ipo-size-offer i.fa-file-pdf-o {
  color: #f13a3a !important;
  font-size: 30px !important;
  padding: 10px 5px !important;
}
.ipo-size-offer i.fa-file-pdf-o:hover {
  color: #666 !important;
}

.stock-holding.portfolio-overview .po-search .form-group {
  text-align: right !important;
}

span.select2-selection.select2-selection--single {
  height: 40px !important;
  padding: 5px 10px !important;
}

#tbdWatchlist tr:first-child {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#tbdWatchlist tr td {
  padding: 5px !important;
  border-bottom: 1px dotted #d2d2d2 !important;
}
#tbdWatchlist tr:last-child td {
  border-bottom: none !important;
}

#watchlist #tbdWatchlist tr td {
  font-size: 14px !important;
}

#wl-pager #divPager ul li a {
  padding: 10px !important;
}
#wl-pager #divPager ul li:last-child {
  border-right: 1px solid #ddd !important;
}
#wl-pager #divPager ul li.active:hover a {
  text-decoration: none !important;
  color: #fff !important;
}

.wl-pp #mytabs #b-stock {
  padding: 0px !important;
}
.wl-pp #mytabs #b-stock table tbody tr td.data-table-row-cell span {
  padding: 0px 5px !important;
  text-align: left !important;
}
.wl-pp #mytabs #b-stock table tbody tr td.data-table-row-cell .tooltip-listing a span {
  width: 20px !important;
  padding: 0px !important;
  height: 20px !important;
}
.wl-pp #mytabs #b-stock table tbody tr td.cell-loss span {
  padding: 0px 5px !important;
  text-align: left !important;
}
.wl-pp #mytabs #b-stock table tbody tr td.cell-gain span {
  padding: 0px 5px !important;
  text-align: left !important;
}

.jqibuttons button:hover {
  cursor: pointer !important;
}
.jqibuttons button.jqibutton.jqidefaultbutton {
  background: #36437e !important;
}
.jqibuttons button.jqibutton.jqidefaultbutton:hover {
  background: #2e4cd4 !important;
}
.jqibuttons button.jqibutton {
  background: #0e5e5e !important;
}
.jqibuttons button.jqibutton:hover {
  background: #dbb87c !important;
}

.wl-radio-btn {
  display: block;
  float: left;
  width: auto !important;
  padding: 6px 0px !important;
}
.wl-radio-btn .form-check {
  margin-right: 20px !important;
}

.page-item.active .page-link:focus {
  box-shadow: none !important;
}

.footer-section {
  display: block;
  float: left;
  width: 100%;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15) !important;
  position: relative;
  text-align: center !important;
  margin-top: 0px !important;
  background: #666 !important;
}
.footer-section .footer-logo {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 20px;
  text-align: left !important;
}
.footer-section .title-pattern {
  width: 100% !important;
  margin: 0px 0px 25px 0px !important;
  background: none !important;
}
.footer-section .title-pattern h2 {
  color: #fff !important;
  font-size: 26px !important;
  margin: 0px !important;
  padding-left: 0px !important;
  line-height: 20px !important;
  background: #fafafa !important;
  background: transparent !important;
}
.footer-section .quick-links {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 30px !important;
  position: relative !important;
  text-align: left !important;
}
.footer-section .quick-links ul {
  display: block;
  float: left;
  width: 100%;
}
.footer-section .quick-links ul li {
  display: block;
  float: left;
  width: 50%;
  margin-bottom: 10px !important;
}
.footer-section .quick-links ul li a {
  display: block;
  float: left;
  width: auto;
  color: #fff !important;
  font-size: 15px !important;
}
.footer-section .quick-links ul li a:hover {
  color: #fff !important;
}
.footer-section .quick-links ul li a:hover i {
  color: #fff !important;
}
.footer-section .quick-links ul li a sup {
  top: -10px !important;
  color: #fff !important;
}
.footer-section .quick-links ul li a i {
  padding-right: 10px !important;
  font-size: 16px !important;
  color: #fff !important;
}
.footer-section:hover .f-logo ul li a.f-logo {
  background: transparent url(../images/f-logo.png) no-repeat left top;
  display: none !important;
}

.footer-main {
  display: block;
  float: left;
  width: 100% !important;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 40px 0px !important;
}

.footer-copyright {
  display: block;
  float: left;
  width: 100%;
  border-top: 1px dashed #fff !important;
  text-align: left !important;
  padding: 10px 0px !important;
  position: relative;
}
.footer-copyright p {
  display: block;
  float: right;
  width: auto;
  font-size: 14px !important;
  color: #fff !important;
}
.footer-copyright p a {
  font-size: 14px !important;
  color: #fff !important;
}
.footer-copyright p a span {
  color: #fff !important;
}

.copyright-links {
  display: block;
  float: left;
  width: 100% !important;
}
.copyright-links ul {
  float: left;
}
.copyright-links ul li {
  display: inline !important;
  float: left !important;
  line-height: normal !important;
  text-align: right !important;
}
.copyright-links ul li a {
  font-size: 14px !important;
  padding: 0px 10px !important;
  color: #fff !important;
}
.copyright-links ul li a:hover {
  color: #fff !important;
}
.copyright-links ul li:last-child:after {
  display: none !important;
}
.copyright-links ul li:after {
  content: "";
  width: 1px !important;
  height: 10px !important;
  background: #888 !important;
  display: inline-block;
  position: absolute;
  top: 4px !important;
}

.powered-by {
  float: right !important;
  text-align: right !important;
}

.f-logo {
  position: absolute;
  left: calc(51% - 24px) !important;
  bottom: 0px !important;
}
.f-logo ul li a.f-logo {
  display: block;
  float: left !important;
  height: 60px !important;
  width: 60px !important;
  margin: 7px 5px 0px 5px !important;
  transition: all 0.5s ease-in-out;
  pointer-events: none !important;
}

.footer-copyright-bottom {
  display: block;
  float: left;
  width: 100% !important;
  background: #666 !important;
  padding: 10px 20px !important;
}
.footer-copyright-bottom p {
  text-align: left;
  color: #fff !important;
  padding: 15px 0px 10px 0px !important;
}
.footer-copyright-bottom p a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}
.footer-copyright-bottom p.powered-by {
  text-align: right !important;
  color: #fff !important;
}
.footer-copyright-bottom p.powered-by a {
  color: #fff !important;
}

.swp-about {
  display: block;
  float: left;
  width: 100% !important;
}
.swp-about h1 {
  margin: 20px 0px 15px !important;
  font-size: 21px !important;
  color: #30b983 !important;
}
.swp-about p {
  font-size: 14px !important;
  margin-bottom: 15px !important;
  line-height: 22px !important;
}
.swp-about ul {
  display: block;
  float: left;
  width: 100% !important;
  margin: 20px 0px !important;
}
.swp-about ul li {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 14px !important;
  margin-bottom: 10px !important;
  line-height: 22px !important;
  position: relative;
  padding: 0px 0px 10px 30px !important;
  border-bottom: 1px dotted #ddd !important;
}
.swp-about ul li:before {
  content: "";
  height: 15px !important;
  width: 15px !important;
  border: 3px solid #36437e !important;
  background: transparent !important;
  position: absolute;
  left: 0px !important;
  top: 4px !important;
  border-radius: 50%;
}

.faq-accordion {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 20px !important;
}
.faq-accordion .panel {
  box-shadow: none;
}
.faq-accordion .panel-body {
  box-shadow: none;
}
.faq-accordion .panel-group .panel-heading {
  padding: 0;
}
.faq-accordion .panel-group .panel-heading a {
  display: block;
  padding: 10px;
  text-decoration: none;
  position: relative;
  border: 1px solid #ddd !important;
  margin-bottom: 10px !important;
}
.faq-accordion .panel-group .panel-heading a:hover {
  color: #fff !important;
  background: #30b983 !important;
}
.faq-accordion .panel-group .panel-heading a:after {
  content: "-";
  float: right;
}
.faq-accordion .panel-group .panel-heading a[aria-expanded=true] {
  background: #30b983 !important;
  color: #fff !important;
}
.faq-accordion .panel-group .panel-heading a.collapsed:after {
  content: "+";
}
.faq-accordion .panel-collapse.collapse.show {
  display: block;
  float: left;
  width: 100% !important;
  border: 1px solid #ddd !important;
  margin-bottom: 20px !important;
  padding: 10px !important;
  margin-top: -10px !important;
  border-top: none !important;
}

#swp-contact {
  margin-top: 20px !important;
}
#swp-contact h3 {
  font-size: 20px !important;
  margin-bottom: 10px !important;
  color: #30b983 !important;
}
#swp-contact .form-group {
  margin-bottom: 10px !important;
  margin-bottom: 10px !important;
  display: block;
  float: left;
  width: 100% !important;
}
#swp-contact .form-group label {
  margin-bottom: 0px !important;
}
#swp-contact .form-group input {
  border-radius: 0px !important;
  height: 36px !important;
}
#swp-contact .form-group select {
  border-radius: 0px !important;
  height: 36px !important;
}

.contact-info h3 {
  font-size: 20px !important;
  margin-bottom: 20px !important;
  color: #30b983 !important;
}
.contact-info ul li {
  border-bottom: none !important;
  padding: 3px 0px !important;
  color: #666 !important;
  text-indent: -35px !important;
  margin-left: 35px !important;
}
.contact-info ul li a {
  color: #fff !important;
  font-size: 15px !important;
}
.contact-info ul li i {
  color: #fff !important;
  width: 30px !important;
  height: 30px !important;
  background: #36437e !important;
  padding: 6px 0px !important;
  text-align: center !important;
  margin-right: 5px !important;
  text-indent: 0px !important;
  font-size: 17px !important;
  border-radius: 5px !important;
}
.contact-info ul li:hover i {
  background: #4f942b !important;
}
.contact-info ul li:hover a {
  color: #fff !important;
}
.contact-info ul li:before {
  display: none !important;
}

.swp-profile {
  margin: 0 auto !important;
  width: 100% !important;
  margin-top: 20px !important;
}
.swp-profile .swp-profile-form .form-group {
  display: block;
  float: left;
  width: 48% !important;
  margin: 0px 0px 15px 0px !important;
  padding-right: 20px !important;
}
.swp-profile .swp-profile-form .form-group input.btn.btn-default {
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  margin: 18px 0px 0px 0px !important;
  background: #30b983 !important;
  padding: 8px 30px !important;
  cursor: pointer !important;
  overflow: hidden !important;
}
.swp-profile .swp-profile-form .form-group input.btn.btn-primary {
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  background: #36437e !important;
  padding: 8px 30px !important;
  margin: 18px 0px 0px 0px !important;
  cursor: pointer !important;
  overflow: hidden !important;
}
.swp-profile .swp-profile-form .form-group input.btn.btn-primary:hover {
  background: #0e5e5e !important;
}
.swp-profile .swp-profile-form form .form-group .form-control {
  padding: 5px !important;
  height: 30px !important;
  font-size: 13px !important;
}
.swp-profile .swp-profile-form form .form-group select {
  padding: 5px !important;
}
.swp-profile form.form-horizontal .input-group-append a.dbOpenButton.btn.btn-secondary {
  height: 31px !important;
}

.swp-profile-form {
  display: block;
  float: left;
  width: 100% !important;
  margin: 15px 0px 0px 0px !important;
  padding: 0px !important;
}
.swp-profile-form form.form-horizontal .form-group input.btn:hover {
  background: #238e64 !important;
}

.swp-subscription {
  display: block;
  float: left;
  width: 100% !important;
  padding: 15px !important;
  border: 15px solid #ddd !important;
  margin-top: 20px !important;
}
.swp-subscription table tbody tr td:first-child {
  font-weight: bold !important;
}
.swp-subscription table thead {
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
}
.swp-subscription .view-more {
  padding: 0px !important;
}
.swp-subscription .view-more a {
  display: block !important;
  float: left !important;
  width: auto !important;
  padding: 10px 40px 10px 20px !important;
  background: #30b983 !important;
  color: #fff !important;
  margin-top: 10px !important;
}
.swp-subscription .view-more a i {
  color: #fff !important;
  margin-top: 16px !important;
}
.swp-subscription .view-more a:hover {
  background: #238e64 !important;
}

input[name=rbPlan] {
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  position: absolute;
}

input[name=rbGateway] {
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  position: absolute;
}

.payment-gateway {
  display: block;
  float: left;
  width: 100% !important;
}
.payment-gateway .plan-wrapper .plan {
  padding: 10px !important;
  margin: 0px !important;
}
.payment-gateway .plan-wrapper .plan h2 {
  margin: 0px !important;
  padding: 0px !important;
  border-bottom: none !important;
}
.payment-gateway .plan-wrapper div.plan {
  width: 100% !important;
}
.payment-gateway .plan-wrapper > input:checked + div.plan {
  background: radial-gradient(circle, rgb(255, 255, 255) 0%, #1c7553 100%) !important;
  border: 2px solid #1c7553 !important;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.payment-gateway .plan-wrapper:hover div.plan {
  background: #f5f5f5 !important;
}
.payment-gateway .input-radio {
  display: block;
  float: left;
  width: 100% !important;
  padding: 10px !important;
  margin-bottom: 20px !important;
}
.payment-gateway .input-radio:hover {
  background: #f2f2f2 !important;
}
.payment-gateway .input-radio img {
  margin: 0 auto !important;
  display: block !important;
  width: 120px;
  height: 120px !important;
}
.payment-gateway .input-radio span {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center;
}

.indices-section.section-title.live-trading {
  margin-bottom: 20px !important;
  border-radius: 5px;
}

#bd-example-modal-xl .modal-body .as-of-date-title {
  padding: 0px 0px 10px 30px !important;
}
#bd-example-modal-xl .modal-body .as-of-date-title:before {
  top: 7px !important;
}

.swp-plan {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 20px !important;
}
.swp-plan .stock-area-details {
  margin: 0px 0px 20px 0px !important;
}
.swp-plan .stock-area-details .sa-section p {
  font-size: 24px !important;
  text-align: center !important;
  padding: 25px 0px !important;
  margin-bottom: 0px !important;
  font-weight: bold !important;
}
.swp-plan h2 {
  display: block;
  float: left;
  width: 97%;
  font-weight: normal !important;
  font-size: 16px !important;
  padding: 10px 0px !important;
  border: none !important;
  margin: 10px 0px 15px 0px !important;
  background: none !important;
  color: #36437e !important;
  border-bottom: 1px solid #ddd !important;
}
.swp-plan #div-plan h3 {
  padding: 0px !important;
  background: none !important;
  width: 100% !important;
  margin: 0px !important;
  color: #36437e !important;
}
.swp-plan #div-plan h3.name {
  font-weight: bold !important;
  font-size: 20px !important;
  margin-bottom: 10px !important;
}
.swp-plan #div-plan input:checked + div.plan > h3.name {
  color: #fff !important;
}
.swp-plan #div-plan input:checked + div.plan > h3.amount {
  color: #fff !important;
}
.swp-plan h3 {
  margin: 20px 0px 10px 10px !important;
  padding: 10px 10px;
  background: #d8ba58 !important;
  color: #fff !important;
  width: auto !important;
}

.payment-choose {
  display: block;
  float: left;
  width: 100% !important;
  padding-left: 10px !important;
}
.payment-choose .radio {
  display: block;
  float: left;
  width: 100% !important;
}
.payment-choose .radio span {
  padding-left: 5px !important;
}
.payment-choose .radio label {
  margin-right: 20px !important;
}

.subscribe-btn {
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 20px !important;
  padding-left: 10px !important;
}
.subscribe-btn button {
  color: #fff !important;
  background: #30b983 !important;
  border: 1px solid #30b983 !important;
}
.subscribe-btn button:focus {
  box-shadow: none !important;
}
.subscribe-btn button#btnSubscribe {
  padding: 15px 20px !important;
  border: none !important;
}
.subscribe-btn button#btnSubscribe:hover {
  background: #238e64 !important;
}

.swp-plan.swp-sucess {
  background: #30b983 !important;
  padding: 20px !important;
}
.swp-plan.swp-sucess h5 {
  color: #fff !important;
  margin-bottom: 20px !important;
}
.swp-plan.swp-sucess h5:last-child {
  margin-bottom: 0px !important;
}

.swp-plan.swp-fail {
  background: #f13a3a !important;
  padding: 20px !important;
  border: 1px solid #f13a3a !important;
}
.swp-plan.swp-fail h4 {
  color: #fff !important;
  margin-bottom: 20px !important;
}
.swp-plan.swp-fail h4:last-child {
  margin-bottom: 0px !important;
}

#div-gateway {
  margin-left: -30px !important;
  padding: 0px 10px !important;
}
#div-gateway input {
  margin-left: 30px !important;
}

.plan-wrapper:last-child .plan span img {
  padding: 23px 0px !important;
}

#divSubscription .subscription-content-ln {
  height: 240px !important;
}
#divSubscription .subscription-content-ln:hover {
  cursor: default !important;
}
#divSubscription .subscription-content-ln:hover img {
  transform: rotate(45deg);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#divSubscription .subscription-content-ln img {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#divSubscription .subscription-content-ln .tag img {
  width: 60% !important;
}
#divSubscription .subscription-content-ln.active {
  cursor: default !important;
}

#divPromo {
  width: 100% !important;
  border-radius: 0px !important;
  padding: 30px 15px !important;
}
#divPromo input {
  padding: 15px !important;
}
#divPromo input#btnApplyPromo {
  width: 100% !important;
}
#divPromo input#btnRemovePromo {
  width: 100% !important;
  background: #c93f3f !important;
  color: #fff !important;
}
#divPromo p#promoInfo {
  padding: 12px 0px !important;
  margin-bottom: 0px !important;
}
#divPromo label {
  display: block !important;
  font-size: 16px !important;
}
#divPromo label span {
  color: #30b983 !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

div#scroll-section {
  margin-bottom: 30px !important;
  padding-bottom: 10px !important;
}

.alert {
  padding: 0px !important;
}
.alert button.save {
  background: #30b983;
  color: #fff !important;
}
.alert button.cancel {
  background: #d8ba58;
  color: #fff !important;
}

#resultModal .modal-body {
  padding: 0px !important;
}

button#btnSearch {
  background: #36437e !important;
  border-radius: 5px !important;
}
button#btnSearch:hover {
  background: #ccc !important;
  color: #000 !important;
}

.as-search-btn button.btn.btn-primary {
  background: #36437e !important;
  border-radius: 5px !important;
}
.as-search-btn button.btn.btn-primary:hover {
  background: #ccc !important;
  color: #000 !important;
}
.as-search-btn button#btnStockMonthlyReset {
  background: #c19b19 !important;
  border-radius: 5px !important;
}
.as-search-btn button#btnStockMonthlyReset:hover {
  background: #ccc !important;
  color: #000 !important;
  background: #a78c34 !important;
}
.as-search-btn button#btnStockDailyReset {
  background: #c19b19 !important;
  border-radius: 5px !important;
}
.as-search-btn button#btnStockDailyReset:hover {
  background: #a78c34 !important;
}
.as-search-btn button#btnStockYearlyReset {
  background: #c19b19 !important;
  border-radius: 5px !important;
}
.as-search-btn button#btnStockYearlyReset:hover {
  background: #a78c34 !important;
}

button#btnCalculate {
  background: #36437e !important;
  border-radius: 5px !important;
}
button#btnCalculate:hover {
  background: #2e4cd4 !important;
  color: #fff !important;
}

button#btnApplyFilter {
  background: #36437e !important;
  border-radius: 5px !important;
}
button#btnApplyFilter:hover {
  background: #2e4cd4 !important;
  color: #fff !important;
}

button#btnStockDailySearch {
  background: #36437e !important;
  border-radius: 5px !important;
}
button#btnStockDailySearch:hover {
  background: #2e4cd4 !important;
  color: #000 !important;
}

button#btnStockMonthlySearch {
  background: #36437e !important;
  border-radius: 5px !important;
}
button#btnStockMonthlySearch:hover {
  background: #ccc !important;
  color: #000 !important;
}

button#btnStockYearlySearch {
  background: #36437e !important;
  border-radius: 5px !important;
}
button#btnStockYearlySearch:hover {
  background: #2e4cd4 !important;
  color: #000 !important;
}

button#btnPreview {
  background: #36437e !important;
  border-radius: 5px !important;
}
button#btnPreview:hover {
  background: #ccc !important;
  color: #000 !important;
}

button#btnSearchIndexHistoricalSummary {
  background: #36437e !important;
  border-radius: 5px !important;
}
button#btnSearchIndexHistoricalSummary:hover {
  background: #2e4cd4 !important;
  color: #fff !important;
}

button#btnSave {
  background: #36437e !important;
  border-radius: 5px !important;
}
button#btnSave:hover {
  background: #ccc !important;
  color: #000 !important;
}

.broker-search-form.m-0 .form-group button#btnSearchData {
  background: #36437e !important;
  border-radius: 5px !important;
}
.broker-search-form.m-0 .form-group button#btnSearchData:hover {
  background: #ccc !important;
  color: #000 !important;
}
.broker-search-form.m-0 .form-group button#btnResetData {
  background: #c19b19 !important;
  border-radius: 5px !important;
}
.broker-search-form.m-0 .form-group button#btnResetData:hover {
  background: #a78c34 !important;
}

#settings {
  display: block;
  float: left;
  width: 100% !important;
  padding: 20px 20px 20px 20px !important;
}
#settings .form-group button.btn-success {
  background: #36437e !important;
  border-radius: 5px !important;
}
#settings .form-group button.btn-success:hover {
  background: #ccc !important;
  color: #000 !important;
}
#settings .form-group button.btn-reset {
  background: #c19b19 !important;
  border-radius: 5px !important;
}
#settings .form-group button.btn-reset:hover {
  background: #a78c34 !important;
}
#settings h2 {
  background: none !important;
  padding: 0px !important;
}
#settings h2 button {
  padding: 0px !important;
  border-bottom: none !important;
  text-decoration: none !important;
}
#settings h2 button:hover {
  border-bottom: none !important;
}
#settings h2 button:focus {
  border-bottom: none !important;
}
#settings .card-body {
  display: block;
  float: left;
  width: 100% !important;
}
#settings #priceAlert .card-body {
  padding: 15px 0px 10px 0px !important;
}
#settings #stockWatch .card-body {
  padding: 15px 0px 10px 0px !important;
}
#settings button.btn.btn-link.btn-block.text-left {
  background: #d8ba58 !important;
  padding: 15px !important;
  text-decoration: none !important;
  color: #fff !important;
  font-size: 16px !important;
}
#settings button.btn.btn-link.btn-block.text-left:before {
  content: "\f068";
  font-family: fontawesome !important;
  position: absolute !important;
  right: 20px !important;
  color: #fff !important;
  font-size: 16px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#settings button.btn.btn-link.btn-block.text-left .fa-cogs {
  color: #fff !important;
}
#settings button.btn.btn-link.btn-block.text-left.collapsed:before {
  content: "\f067";
  font-family: fontawesome !important;
  position: absolute !important;
  right: 20px !important;
  font-size: 16px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#settings button.btn.btn-link.btn-block.text-left.collapsed:hover:before {
  transform: rotate(180deg) !important;
}

button#btnReset {
  background: #0e5e5e !important;
  border-radius: 5px !important;
  color: #fff !important;
}
button#btnReset:hover {
  background: #dbb87c !important;
}

button#btnResetFilter {
  background: #0e5e5e !important;
  border-radius: 5px !important;
  color: #fff !important;
}
button#btnResetFilter:hover {
  background: #dbb87c !important;
  color: #fff !important;
}

button#btnClear {
  background: #c19b19 !important;
  border-radius: 5px !important;
}
button#btnClear:hover {
  background: #a78c34 !important;
}

button#btnStockDailyReset {
  background: #0e5e5e !important;
  border-radius: 5px !important;
}
button#btnStockDailyReset:hover {
  background: #a78c34 !important;
}

button#btnStockMonthlyReset {
  background: #c19b19 !important;
  border-radius: 5px !important;
}
button#btnStockMonthlyReset:hover {
  background: #a78c34 !important;
}

button#btnStockYearlyReset {
  background: #c19b19 !important;
  border-radius: 5px !important;
}
button#btnStockYearlyReset:hover {
  background: #a78c34 !important;
}

button#btnReload {
  background: #0e5e5e !important;
  border-radius: 5px !important;
}
button#btnReload:hover {
  background: #dbb87c !important;
}

button#btnResetIndexHistoricalSummary {
  background: #0e5e5e !important;
  border-radius: 5px !important;
}
button#btnResetIndexHistoricalSummary:hover {
  background: #dbb87c !important;
}

button#btnIndexDailyReset {
  background: #c19b19 !important;
  border-radius: 5px !important;
}
button#btnIndexDailyReset:hover {
  background: #a78c34 !important;
}

button#btnIndexMonthlyReset {
  background: #c19b19 !important;
  border-radius: 5px !important;
}
button#btnIndexMonthlyReset:hover {
  background: #a78c34 !important;
}

button#btnIndexYearlyReset {
  background: #c19b19 !important;
  border-radius: 5px !important;
}
button#btnIndexYearlyReset:hover {
  background: #a78c34 !important;
}

input.form-control:focus {
  box-shadow: none !important;
  border: 1px solid #30b983 !important;
}

.payment-gateway-text {
  padding: 10px !important;
  display: block;
  float: left;
  width: 100% !important;
  margin-top: 20px !important;
}
.payment-gateway-text p {
  margin-bottom: 0px !important;
}

.choose-company-section {
  display: block;
  float: left;
  width: 100% !important;
  background: #f7f7f7 !important;
}

.choose-company {
  display: block;
  margin: 0 auto !important;
  width: 50% !important;
  padding: 100px !important;
}
.choose-company .form-group {
  width: 100% !important;
  margin: 0 auto;
}
.choose-company #divBaseSearchBox .base-search {
  top: 38px !important;
}
.choose-company #divBaseSearchBox button {
  position: absolute !important;
  right: 27px !important;
  top: -1px !important;
}

.mf-home-section {
  display: block;
  float: left;
  width: 100% !important;
  background: #fff !important;
  border-top: 1px solid #ddd !important;
}
.mf-home-section .choose-company {
  width: 50% !important;
  padding: 20px 100px !important;
}
.mf-home-section .mf-section {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px 0px 20px 0px !important;
}
.mf-home-section .mf-section .demo {
  padding: 0px !important;
  margin: 0px !important;
}
.mf-home-section .mf-section #divHoldingData .graph-view.scrollable-area {
  margin: 30px 0px 0px 0px !important;
}
.mf-home-section .mf-section #divHoldingData .graph-view.scrollable-area button.active {
  background: #238e64 !important;
}
.mf-home-section .mf-section #divHoldingData .graph-view.scrollable-area button:hover {
  background: #238e64 !important;
}
.mf-home-section .demo ul.resp-tabs-list {
  padding: 14px 0px !important;
}
.mf-home-section .demo .resp-tab-content {
  padding: 10px 0px !important;
}
.mf-home-section .demo #summaryData {
  min-height: 100px !important;
  max-height: 50vh !important;
  overflow: scroll !important;
}
.mf-home-section .demo #summaryData #tblSummary_wrapper table tbody {
  overflow: scroll !important;
}
.mf-home-section .demo #summaryData #tblSummary_wrapper table tbody tr:last-child td {
  background: #fff !important;
}
.mf-home-section #divSectorwiseHoldings {
  padding: 0px 0px 0px 0px !important;
}
.mf-home-section .broker-search-form {
  margin: 10px 0px 0px !important;
}
.mf-home-section .broker-search-form form {
  padding: 20px 0px 10px 0px !important;
}
.mf-home-section .broker-search-form form #btnHoldingSearch {
  margin: 0px 10px 0px 0px !important;
}
.mf-home-section .broker-search-form form #btnHoldingSearch:hover {
  background: #238e64 !important;
}
.mf-home-section .broker-search-form form #btnSectorwiseSearch {
  margin: 0px 10px 0px 0px !important;
}
.mf-home-section .broker-search-form form #btnSectorwiseSearch:hover {
  background: #238e64 !important;
}
.mf-home-section .broker-search-form form #btnHoldingReset {
  margin: 0px 10px 0px 0px !important;
  background: #c19b19 !important;
}
.mf-home-section .broker-search-form form #btnHoldingReset:hover {
  background: #8e7318 !important;
}
.mf-home-section .broker-search-form form #btnSectorwiseReset {
  margin: 0px 10px 0px 0px !important;
  background: #c19b19 !important;
}
.mf-home-section .broker-search-form form #btnSectorwiseReset:hover {
  background: #8e7318 !important;
}
.mf-home-section #divTopStockHoldings {
  padding: 0px !important;
}

.mf-section #dividendData #tblDividend_wrapper {
  min-height: 100px !important;
  max-height: 50vh;
  overflow: scroll !important;
}
.mf-section #dividendData #tblDividend_wrapper table tbody {
  overflow: scroll !important;
}

#divTopStockHoldings .show-hide {
  background: #fff !important;
  padding: 10px !important;
  right: 0px !important;
  top: 0px !important;
}
#divTopStockHoldings .show-hide a {
  cursor: pointer !important;
}

i.fa.fa-eye.fa-18:before {
  content: "\f06e";
  display: block !important;
  font-size: 15px !important;
  margin-top: 2px !important;
}

#divBaseSearchBox {
  position: relative;
}
#divBaseSearchBox .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 36px;
  background: #f3f3f3 !important;
}
#divBaseSearchBox .select2-container--default .select2-selection--single .select2-selection__arrow:after {
  content: "\f002";
  position: absolute;
  font-family: "FontAwesome";
  top: 10px !important;
  right: 10px !important;
  color: #30b983 !important;
  font-size: 16px !important;
}
#divBaseSearchBox .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none !important;
}
#divBaseSearchBox button {
  position: absolute !important;
  right: 63px;
  padding: 6px 5px !important;
  height: 40px !important;
  top: 5px !important;
}

#nav-fixed ul .search-section .search-box {
  display: block !important;
}

span.select2-dropdown.select2-dropdown--below {
  width: 28% !important;
}

span.select2-dropdown.select2-dropdown--above {
  width: 28% !important;
}

table#watchlist-main thead tr td {
  width: 55% !important;
}
table#watchlist-main thead tr td .select2-container--default {
  width: 74% !important;
}
table#watchlist-main thead tr td button#btnSave {
  margin-left: -31% !important;
  padding: 11px 10px !important;
}

.newsletter-section .nav-tabs {
  padding: 0px 0px 15px 0px !important;
  margin-bottom: 0px !important;
}
.newsletter-section .indices-section-body {
  padding: 0px !important;
}
.newsletter-section .indices-section-body .alphaFilter {
  padding: 0px !important;
}
.newsletter-section .tabbable .resp-tabs-list li {
  margin-right: 10px !important;
}
.newsletter-section .tabbable .resp-tabs-list .newsletter-tab-main li {
  margin-bottom: 0px !important;
}
.newsletter-section .tabbable #interest_tabs li {
  margin-bottom: 25px !important;
}
.newsletter-section .tabbable #interest_tabs li a.active:after {
  bottom: -10px !important;
}
.newsletter-section #mytabs {
  margin-top: -8px;
}
.newsletter-section #mytabs .tab-pane {
  padding: 0px !important;
}
.newsletter-section .financual-glo {
  padding-top: 20px !important;
}
.newsletter-section .resp-tabs-list li a.show:hover {
  color: #36437e !important;
}

#newsletter-details ul li:last-child p {
  font-size: 14px !important;
  color: #fff !important;
  text-align: right !important;
  line-height: 27px !important;
  padding-right: 85px !important;
}
#newsletter-details ul li:last-child p img {
  width: 39px !important;
  height: auto !important;
  position: absolute;
  background: #185d42 !important;
  padding: 3px !important;
  right: 60px !important;
  top: 0px !important;
}

.back-home {
  position: absolute !important;
  right: 0px !important;
  background: #c19b19 !important;
  padding: 10px 15px !important;
  top: 0px !important;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.back-home i {
  font-size: 25px !important;
  color: #fff !important;
}

.tabbable ul li.dropdown ul.dropdown-menu {
  margin-top: 16px !important;
  z-index: 9999999999 !important;
}
.tabbable ul li.dropdown ul.dropdown-menu li {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px !important;
}
.tabbable ul li.dropdown ul.dropdown-menu li a {
  display: block;
  float: left;
  width: 100% !important;
  font-weight: normal !important;
  padding: 8px !important;
}
.tabbable ul li.dropdown ul.dropdown-menu li a:hover {
  background: #30b983 !important;
  color: #fff !important;
  border-radius: 0px !important;
}

.menu {
  width: 100%;
  z-index: 99;
  position: static;
  display: block !important;
}

.sticky {
  position: fixed;
  top: 60px;
  left: 0px !important;
  background: #f1f1f1 !important;
  z-index: 999 !important;
}

ul.alphaFilter.menu.sticky {
  z-index: 999 !important;
}
ul.alphaFilter.menu.sticky li {
  padding: 0px !important;
  padding: 0px !important;
  margin: 15px 0px 0px 0px !important;
}

.menu.sticky li {
  padding: 10px !important;
}

.section-alpha h2 {
  float: none !important;
}

.btn-primary-alt:hover {
  background: #8e7318 !important;
  outline: none;
  color: #fff !important;
  border: 1px solid #8e7318 !important;
  outline: none !important;
  box-shadow: none !important;
}
.btn-primary-alt:focus {
  background: #8e7318 !important;
  outline: none;
  color: #fff !important;
  border: 1px solid #8e7318 !important;
  outline: none !important;
  box-shadow: none !important;
}
.btn-primary-alt:active {
  background: #8e7318 !important;
  outline: none;
  color: #fff !important;
  border: 1px solid #8e7318 !important;
  outline: none !important;
  box-shadow: none !important;
}

.broker-list.price-history.broker-breakdown {
  box-shadow: none !important;
  padding: 0px !important;
}

a.dont-show {
  text-align: center !important;
  display: block;
  float: left;
  width: 100% !important;
  margin: 10px 0px !important;
  font-size: 20px !important;
  text-decoration: underline !important;
}

.swp-testimonial {
  display: block;
  margin: 0 auto !important;
  width: 76% !important;
  padding: 0px 0px 80px !important;
}
.swp-testimonial h1 {
  text-align: center !important;
  font-size: 28px !important;
  margin: 0px 0px 30px 0px !important;
}
.swp-testimonial .demo .lSSlideOuter .lSPager.lSpg {
  display: block !important;
}
.swp-testimonial .demo .lSSlideOuter .lSPager.lSpg > li:hover a {
  background-color: #30b983 !important;
}
.swp-testimonial .demo .lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #30b983 !important;
}

.swp-testimonial-block {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 0;
  padding: 15px;
  border-radius: 5px;
  background-color: #f1f1f1;
  color: #666;
  font-size: 16px;
  line-height: 22px;
}
.swp-testimonial-block .swp-testimonials-details {
  width: 80%;
  margin-bottom: 5px;
  float: left;
  text-align: left;
}
.swp-testimonial-block .swp-testimonials-details p {
  font-size: 16px !important;
  line-height: 25px !important;
}
.swp-testimonial-block .swp-testimonials-details h2 {
  margin: 20px 0px 0px 0px !important;
  font-size: 20px !important;
  color: #30b983 !important;
}
.swp-testimonial-block .swp-testimonials-details span {
  font-size: 14px !important;
  font-style: italic !important;
  color: #000 !important;
}
.swp-testimonial-block .ratings i {
  color: #f1f1f1 !important;
  font-size: 18px;
  position: relative;
}
.swp-testimonial-block .ratings .rating-color {
  color: #30b983 !important;
}
.swp-testimonial-block .ratings i.half-rating-color:before {
  color: #f1f1f1 !important;
}
.swp-testimonial-block .ratings i.half-rating-color:after {
  content: "\f005";
  left: 0px !important;
  top: 0px !important;
  color: #30b983 !important;
  position: absolute;
  width: 52% !important;
  overflow: hidden !important;
}

.swp-testimonials-img {
  width: 15%;
  margin-right: 25px;
  float: left;
}
.swp-testimonials-img img {
  height: auto;
  width: 100% !important;
  border-radius: 50%;
}

.lightSlider {
  overflow: hidden;
  margin: 0;
}
.lightSlider:before {
  content: " ";
  display: table;
}
.lightSlider:after {
  content: " ";
  display: table;
}

.lSSlideWrapper {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.lSSlideWrapper > .lightSlider:after {
  clear: both;
}
.lSSlideWrapper .lSSlide {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform, height;
  transition-property: transform, height;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
  position: relative;
}
.lSSlideWrapper .lSFade > * {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 9;
  margin-right: 0;
  width: 100%;
}
.lSSlideWrapper .lSFade > *.active {
  z-index: 10;
}

.lSSlideWrapper.usingCss .lSFade > * {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
  opacity: 1;
}

.lSAction > a {
  width: 32px;
  display: block;
  top: 50%;
  height: 32px;
  background-image: url("../img/controls.png");
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: -16px;
  opacity: 0.5;
  -webkit-transition: opacity 0.35s linear 0s;
  transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
  opacity: 1;
}
.lSAction > .lSPrev {
  background-position: 0 0;
  left: 10px;
}
.lSAction > .lSNext {
  background-position: -32px 0;
  right: 10px;
}
.lSAction > a.disabled {
  pointer-events: none;
}

.cS-hidden {
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}

.lSSlideOuter.vertical {
  position: relative;
}
.lSSlideOuter.vertical .lSGallery {
  position: absolute !important;
  right: 0;
  top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
  width: 100% !important;
  max-width: none !important;
}
.lSSlideOuter.vertical .lSAction > a {
  left: 50%;
  margin-left: -14px;
  margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
  background-position: 31px -31px;
  bottom: 10px;
  top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
  background-position: 0 -31px;
  bottom: auto;
  top: 10px;
}
.lSSlideOuter.vertical .rightEnd {
  -webkit-animation: topEnd 0.3s;
  animation: topEnd 0.3s;
  position: relative;
}
.lSSlideOuter.vertical .leftEnd {
  -webkit-animation: bottomEnd 0.3s;
  animation: bottomEnd 0.3s;
  position: relative;
}

.lSSlideOuter.vertical.noPager {
  padding-right: 0px !important;
}

.lSSlideOuter.lSrtl {
  direction: rtl;
}
.lSSlideOuter.lSrtl .lightSlider {
  padding-right: 0;
}
.lSSlideOuter.lSrtl .lightSlider > * {
  float: right !important;
}
.lSSlideOuter.lSrtl .lSPager {
  padding-right: 0;
}
.lSSlideOuter.lSrtl .lSGallery li {
  float: right !important;
}
.lSSlideOuter.lSrtl .rightEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}

GRab cursor .lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

div#slider-top {
  position: absolute;
  z-index: 999 !important;
  top: 140px !important;
  left: 10px !important;
  width: 90% !important;
}

ul#slidercontent li {
  margin-bottom: 0px !important;
  height: 140px !important;
}

.login-form-left.login-reg-form-left .demo .lSAction {
  display: block !important;
  overflow: hidden;
}
.login-form-left.login-reg-form-left .demo .lSAction > a.lSPrev {
  width: 32px;
  display: block;
  top: 85%;
  height: 32px;
  left: 0% !important;
  background: url("../images/left.png") no-repeat left top !important;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  opacity: 1;
  -webkit-transition: opacity 0.35s linear 0s;
  transition: opacity 0.35s linear 0s;
  background-size: 100% !important;
}
.login-form-left.login-reg-form-left .demo .lSAction > a.lSNext {
  width: 32px;
  display: block;
  top: 85%;
  left: 40px !important;
  height: 32px;
  background: url("../images/right.png") no-repeat left top !important;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  opacity: 1;
  -webkit-transition: opacity 0.35s linear 0s;
  transition: opacity 0.35s linear 0s;
  background-size: 100% !important;
}

.trial {
  display: block;
  float: left;
  width: 111% !important;
  text-align: center !important;
  background: #e5e5e5 !important;
  margin-left: -30px !important;
  margin-top: -11px !important;
  position: relative;
}
.trial img {
  text-align: center !important;
  margin: 0 auto !important;
  display: block;
  padding: 10px 20px !important;
}
.trial p {
  display: inline;
  float: left;
  width: auto !important;
  position: static !important;
  margin-bottom: 10px !important;
  font-size: 18px !important;
}
.trial p i.fa-long-arrow-right {
  color: #c19b19 !important;
  margin-left: 5px !important;
}
.trial p:first-child {
  display: block;
  float: left;
  width: 100% !important;
  color: #c19b19 !important;
}
.trial p b {
  color: #c19b19 !important;
  font-weight: normal !important;
}
.trial p::before {
  display: none !important;
}

#triangle-topright {
  width: 0;
  height: 0;
  border-top: 20px solid #1a7c56;
  border-left: 20px solid transparent;
  position: absolute !important;
  top: 0px;
  top: 64px !important;
}

table.table-alt tbody tr.root-item {
  height: 42px !important;
}
table.table-alt tbody tr.root-item td {
  position: relative;
}
table.table-alt tbody tr.root-item td .high-low-avg .label {
  padding-bottom: 1px !important;
}
table.table-alt tbody tr.root-item td .high-low-avg .range {
  margin-top: 13px !important;
}

button#live-data-refresh {
  cursor: pointer;
  background: transparent !important;
  font-size: 20px !important;
  color: #36437e !important;
  position: absolute;
  z-index: 999;
  top: 0px;
}
button#live-data-refresh i {
  background: transparent !important;
  padding: 0px !important;
}

.nepse-index li {
  display: block !important;
  float: left;
  margin-right: 20px !important;
  display: block !important;
  float: left;
  margin-right: 15px !important;
}
.nepse-index ul li p {
  font-size: 16px !important;
  font-weight: bold !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: #333 !important;
}

form#stockAlertForm div#stockAlertSettings table tbody tr td small {
  padding-left: 0px !important;
}

#stockWatchSettings .border-right-c {
  width: 18% !important;
}
#stockWatchSettings thead {
  background: #ddd !important;
  margin-bottom: 2px !important;
}
#stockWatchSettings tbody tr:first-child {
  background: #f2f2f2 !important;
}
#stockWatchSettings tbody tr:first-child td {
  border: none !important;
}
#stockWatchSettings label {
  font-size: 14px !important;
}
#stockWatchSettings label.error {
  width: 100% !important;
}

#tblStockAlert tr.trStock td {
  width: 18% !important;
}
#tblStockAlert tbody tr td.text-left input {
  margin-top: 1px !important;
  margin-bottom: 0px !important;
  height: 38px !important;
}
#tblStockAlert tbody tr:first-child {
  background: #f2f2f2 !important;
}
#tblStockAlert tbody tr:first-child td {
  border: none !important;
}
#tblStockAlert thead {
  background: #ddd !important;
  margin-bottom: 2px !important;
}
#tblStockAlert small {
  color: #0199da;
}

#stockAlertSettings label {
  font-size: 14px !important;
}
#stockAlertSettings label.error {
  width: 100% !important;
}
#stockAlertSettings ul {
  display: block !important;
  float: left !important;
  width: 20% !important;
  display: block !important;
  float: right !important;
  width: 80% !important;
}
#stockAlertSettings ul li {
  display: inline !important;
  width: auto !important;
  float: left !important;
}
#stockAlertSettings ul li label {
  display: inline !important;
  width: 70px !important;
  float: left !important;
  margin-right: 30px !important;
}
#stockAlertSettings ul li label span {
  display: block;
  float: left;
  width: 35px !important;
  position: absolute !important;
  left: 60px !important;
}
#stockAlertSettings ul li:last-child label span {
  left: 60px !important;
}

div#stockAlertSettings div#add-trn-more {
  margin: 15px 0px !important;
}

.fa-cogs {
  font-size: 18px !important;
  margin-right: 5px !important;
}

.alert-history .alert-content {
  display: block;
  float: left;
  width: 100% !important;
}
.alert-history .alert-content #ulHistory li {
  display: block !important;
  width: 48% !important;
  float: left;
  padding: 10px 10px !important;
  border-bottom: 1px solid #ddd !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  min-height: 90px !important;
  max-height: 160px !important;
  height: 90px !important;
}
.alert-history .alert-content #ulHistory li a p {
  margin-bottom: 10px !important;
}
.alert-history .alert-content #ulHistory li:nth-child(odd) {
  margin-right: 10px !important;
}
.alert-history .alert-content #ulHistory li:nth-child(even) {
  margin-left: 10px !important;
  float: right !important;
}
.alert-history .alert-content #ulHistory li:hover {
  background: #f3f3f3 !important;
}
.alert-history .alert-content #ulHistory li .notification-content-bottom {
  padding-top: 25px;
}
.alert-history .alert-content #ulHistory li .notification-content-bottom span {
  font-size: 11px !important;
}
.alert-history .alert-content .type {
  font-size: 11px !important;
  background: #fff;
  padding: 2px 10px;
  border-radius: 5px !important;
  font-weight: normal !important;
  color: #30b983;
  border: 1px solid #30b983;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.alert-history .alert-content #divPager {
  margin-bottom: 20px;
}

.advanced-chart-section {
  display: block;
  float: left;
  width: 100% !important;
  padding: 3px 0px !important;
  background: #fff !important;
  border-bottom: 1px solid #ddd !important;
  height: 42px !important;
}
.advanced-chart-section nav.navbar {
  padding: 1px 0px !important;
  background: #e0e3eb !important;
}
.advanced-chart-section nav.navbar ul li a {
  color: #333 !important;
}
.advanced-chart-section nav.navbar ul li .dropdown-menu-chart {
  float: left;
  width: 500px !important;
  top: 41px !important;
}
.advanced-chart-section nav.navbar ul li .dropdown-menu-chart ul {
  display: block;
  float: left;
  width: 100% !important;
}
.advanced-chart-section nav.navbar ul li .dropdown-menu-chart ul li {
  display: inline;
  float: left;
  width: 25% !important;
}
.advanced-chart-section nav.navbar ul li .dropdown-menu-chart ul li:hover a.dropdown-item {
  position: static !important;
  background: #f1f1f1 !important;
}
.advanced-chart-section nav.navbar ul li .dropdown-menu-chart a.dropdown-item {
  border-left: none !important;
  padding: 0px !important;
}
.advanced-chart-section nav.navbar ul li .dropdown-menu-chart a.dropdown-item:hover {
  background: none !important;
}
.advanced-chart-section nav.navbar ul li .dropdown-menu-chart a.dropdown-item img {
  width: 80% !important;
  margin: 0 auto !important;
  text-align: center;
  display: block;
}
.advanced-chart-section #navbarNavDropdown ul.navbar-nav li.nav-item {
  display: block;
  float: left;
  border-right: 1px solid #777 !important;
}
.advanced-chart-section #navbarNavDropdown ul.navbar-nav li a img.icon {
  width: 10%;
}
.advanced-chart-section .header-right-section {
  display: block;
  float: right;
  width: 100% !important;
  padding: 6px 0px !important;
  background: #e0e3eb !important;
}
.advanced-chart-section .header-right-section #mainNav span.badge.badge-pill.badge-danger {
  font-size: 11px !important;
  position: absolute;
  right: -11px;
  top: -4px;
}
.advanced-chart-section .header-right-section #mainNav .nav-item .dropdown-menu.alert {
  left: -323px !important;
  width: 374px !important;
  height: 550px !important;
  top: 32px !important;
  z-index: 999999999 !important;
}
.advanced-chart-section .header-right-section #mainNav .nav-item .dropdown-menu.alert a.view-all {
  top: 530px !important;
}
.advanced-chart-section .header-right-section nav.navbar {
  padding: 0px !important;
}
.advanced-chart-section .header-right-section .navbar-expand-lg .navbar-nav .dropdown-menu {
  top: 32px !important;
  left: -120px !important;
}
.advanced-chart-section .header-right-section ul li .dropdown-menu.show {
  padding: 5px !important;
}
.advanced-chart-section #div-index-snap ul {
  position: relative;
}
.advanced-chart-section #div-index-snap ul li:first-child p:before {
  content: "";
  position: absolute;
  height: 5px;
  width: 5px;
  animation: pulse 1s infinite ease-in-out alternate;
  background: #999 !important;
  left: -12px !important;
  top: 7px;
}

body.chart-page .apply-common-tooltip a img {
  height: 70px !important;
}

.apply-common-tooltip a img {
  height: 70px !important;
}

.main-chart-section .indices-section-body.m-chart .apply-common-tooltip a img {
  width: 20% !important;
  margin: 0 auto !important;
  display: block;
}
.main-chart-section .widget-title button.btnAddorBuySell {
  margin: 10px 0px 5px 0px !important;
  border-radius: 5px !important;
  outline: none !important;
}
.main-chart-section .widget-title button.btnAddorBuySell:focus {
  box-shadow: none !important;
  outline: none !important;
}

#market-visual #div-index-snap {
  padding: 0px 0px !important;
  margin-top: -6px !important;
}
#market-visual #div-index-snap ul li p span {
  font-size: 16px !important;
  font-weight: bold !important;
}
#market-visual #div-index-snap ul li p em {
  font-size: 16px !important;
  font-weight: bold !important;
}
#market-visual #div-index-snap ul li p em i:before {
  font-size: 16px !important;
  font-weight: bold !important;
}
#market-visual #div-index-snap ul li button#live-data-refresh {
  background: #fff !important;
}

#div-index-snap {
  padding: 7px 0px !important;
  float: none !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center !important;
}
#div-index-snap ul li p em.negative i.fa-angle-down {
  color: #f13a3a !important;
  font-weight: bold !important;
}
#div-index-snap ul li p em.positive i.fa-angle-up {
  color: #30b983 !important;
  font-weight: bold !important;
}

.chart-section {
  display: block;
  float: left;
  width: 100% !important;
  height: 100vh !important;
  max-height: 100vh !important;
  min-height: 100vh !important;
  overflow: hidden !important;
}
.chart-section .nepse-index ul li p span {
  font-size: 16px !important;
  font-weight: bold !important;
}
.chart-section .nepse-index ul li p em {
  font-size: 16px !important;
  font-weight: bold !important;
}
.chart-section .nepse-index ul li p em i:before {
  font-size: 16px !important;
  font-weight: bold !important;
}
.chart-section .main-chart-section .indices-section-body.m-chart #tv_chart_container_1 iframe {
  display: block;
  width: 100%;
  height: calc(100vh - 42px) !important;
  min-height: calc(100vh - 42px) !important;
  max-height: calc(100vh - 42px) !important;
}
.chart-section .main-chart-section .indices-section-body.m-chart #tv_chart_container_2 iframe {
  display: block;
  width: 100%;
  height: calc(100vh - 42px) !important;
  min-height: calc(100vh - 42px) !important;
  max-height: calc(100vh - 42px) !important;
}
.chart-section .main-chart-section .indices-section-body.m-chart .col-sm-12 #tv_chart_container_3 iframe {
  display: block;
  width: 100%;
  height: calc(100vh - 42px) !important;
  min-height: calc(100vh - 42px) !important;
  max-height: calc(100vh - 42px) !important;
}
.chart-section .main-chart-section .indices-section-body.m-chart .half-view #tv_chart_container_1 iframe {
  display: block;
  width: 100%;
  height: calc(50vh - 20px) !important;
  min-height: calc(50vh - 20px) !important;
  max-height: calc(50vh - 20px) !important;
}
.chart-section .main-chart-section .indices-section-body.m-chart .half-view #tv_chart_container_2 iframe {
  display: block;
  width: 100%;
  height: calc(50vh - 20px) !important;
  min-height: calc(50vh - 20px) !important;
  max-height: calc(50vh - 20px) !important;
}
.chart-section .main-chart-section .indices-section-body.m-chart .half-view #tv_chart_container_3 iframe {
  display: block;
  width: 100%;
  height: calc(50vh - 20px) !important;
  min-height: calc(50vh - 20px) !important;
  max-height: calc(50vh - 20px) !important;
}
.chart-section .main-chart-section .indices-section-body.m-chart .half-view #tv_chart_container_4 iframe {
  display: block;
  width: 100%;
  height: calc(50vh - 20px) !important;
  min-height: calc(50vh - 20px) !important;
  max-height: calc(50vh - 20px) !important;
}

.positive {
  color: #30b983 !important;
  font-size: 15px !important;
}

.text-up {
  color: #30b983 !important;
  font-size: 15px !important;
}

.negative {
  color: #f13a3a !important;
  font-size: 15px !important;
}

.text-down {
  color: #f13a3a !important;
  font-size: 15px !important;
}

.main-chart-section {
  display: block;
  float: left;
  width: 100% !important;
  height: 100vh !important;
  max-height: 100vh !important;
  min-height: 100vh !important;
}
.main-chart-section .sidebar {
  transition-duration: 0.2s !important;
}
.main-chart-section main {
  box-shadow: none !important;
  padding: 0px !important;
}
.main-chart-section main .row .col-12 {
  padding: 0px !important;
}
.main-chart-section p {
  line-height: 1 !important;
  color: main-text-color !important;
  font-size: 13px !important;
}
.main-chart-section span {
  line-height: 1 !important;
  color: main-text-color !important;
  font-size: 13px !important;
}
.main-chart-section h3 {
  line-height: 1 !important;
  color: main-text-color !important;
  font-size: 16px !important;
  font-weight: bold !important;
}
.main-chart-section h4 {
  line-height: 1 !important;
  color: main-text-color !important;
  font-size: 13px !important;
  margin-bottom: 5px !important;
  font-weight: bold !important;
}
.main-chart-section li {
  line-height: 1 !important;
  color: #333 !important;
}
.main-chart-section label {
  font-size: 13px !important;
}
.main-chart-section .tab-pane {
  position: relative;
  height: calc(100vh - 49px) !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}
.main-chart-section .widget-title {
  display: block;
  float: left;
  width: 100%;
  padding: 5px 0px 5px 5px !important;
  border-bottom: 1px solid #ddd;
  background: #f1f1f1 !important;
}
.main-chart-section .widget-title p {
  line-height: 1.2 !important;
}
.main-chart-section .widget-title h3 {
  line-height: 1.2 !important;
}
.main-chart-section .widget-body {
  display: block;
  position: relative;
  float: left;
  width: 100% !important;
}
.main-chart-section .widget-body .as-of-date-title {
  padding: 5px !important;
  font-weight: normal !important;
  padding: 5px 0px !important;
  font-size: 12px !important;
}
.main-chart-section .widget-body h4 {
  margin: 10px 0px 5px 5px !important;
}
.main-chart-section .widget-body .row table {
  padding: 5px 0px 0px 5px !important;
}
.main-chart-section .widget-body .row .view-more a {
  padding: 5px 0px 0px 5px !important;
  margin: 0px !important;
}
.main-chart-section .widget-body .sub-section h4 {
  padding-bottom: 10px !important;
}
.main-chart-section .widget-body .widget-box {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid #ddd !important;
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
  border-bottom-color: #ddd !important;
}
.main-chart-section .widget-body .widget-box p {
  font-size: 13px !important;
  margin-bottom: 8px !important;
  font-weight: normal !important;
}
.main-chart-section .widget-body .widget-box p:last-child {
  font-weight: normal !important;
  color: #666 !important;
  font-size: 14px !important;
}
.main-chart-section .widget-body .widget-box-ltp p:last-child {
  font-size: 16px !important;
}
.main-chart-section .widget-body .cell-gain p {
  display: block;
  float: left;
  width: 94% !important;
  text-align: center;
  font-size: 14px !important;
  background: #ebf6f1;
}
.main-chart-section .widget-body .cell-gain p:first-child {
  padding: 10px 0px 5px 0px !important;
  font-size: 17px !important;
  color: #30b983 !important;
}
.main-chart-section .widget-body .cell-gain p:last-child {
  padding: 0px 0px 10px 0px !important;
  color: #666 !important;
  font-size: 13px !important;
}
.main-chart-section .widget-body .cell-loss p {
  display: block;
  float: left;
  width: 94% !important;
  text-align: center;
  font-size: 14px !important;
  background: #ffe1e1;
}
.main-chart-section .widget-body .cell-loss p:first-child {
  padding: 10px 0px 5px 0px !important;
  font-size: 17px !important;
  color: #f13a3a !important;
}
.main-chart-section .widget-body .cell-loss p:last-child {
  padding: 0px 0px 10px 0px !important;
  color: #666 !important;
  font-size: 13px !important;
}
.main-chart-section .widget-body .cell-neutral p {
  display: block;
  float: left;
  width: 94% !important;
  text-align: center;
  font-size: 14px !important;
  background: rgba(41, 98, 255, 0.1019607843);
}
.main-chart-section .widget-body .cell-neutral p:first-child {
  padding: 10px 0px 5px 0px !important;
  font-size: 17px !important;
  color: #0199da !important;
}
.main-chart-section .widget-body .cell-neutral p:last-child {
  padding: 0px 0px 10px 0px !important;
  color: #666 !important;
  font-size: 13px !important;
}
.main-chart-section .widget-body .day-range p {
  margin-bottom: 0px !important;
}
.main-chart-section .widget-body .day-range em {
  margin-top: 5px !important;
}
.main-chart-section .widget-body .day-range span.range:after {
  top: 40px !important;
}
.main-chart-section .widget-body td .price-perf .price-perf-detail {
  width: 240px !important;
}
.main-chart-section #index .widget-body {
  padding: 0px 0px 0px 5px !important;
}
.main-chart-section #index .widget-body .as-of-date-title {
  margin-bottom: 10px !important;
}
.main-chart-section #index .widget-body .cell-gain {
  padding: 0px 0px 10px 0px !important;
}
.main-chart-section #index .widget-body .cell-loss {
  padding: 0px 0px 10px 0px !important;
}
.main-chart-section #index .widget-body .cell-neutral {
  padding: 0px 0px 10px 0px !important;
}
.main-chart-section #index .refresh-btn {
  position: absolute;
  right: 10px !important;
  top: -35px !important;
  cursor: pointer;
}
.main-chart-section #index .view-more {
  padding: 10px 0px !important;
}
.main-chart-section #index .view-more a i {
  padding: 12px 10px !important;
}
.main-chart-section #technical .refresh-btn {
  position: absolute;
  right: 10px !important;
  top: -35px !important;
  cursor: pointer;
}
.main-chart-section #marketmover .refresh-btn {
  position: absolute;
  right: 10px !important;
  top: 0px !important;
  cursor: pointer;
}
.main-chart-section #marketmover .widget-body .as-of-date-title {
  font-weight: normal !important;
  padding: 5px 5px !important;
  font-size: 12px !important;
}
.main-chart-section #marketmover .widget-body .mm-fixed-height table tbody tr td.cell-gain span {
  height: auto !important;
  padding: 5px 0px !important;
  color: #1a7e56 !important;
}
.main-chart-section #marketmover .widget-body .mm-fixed-height table tbody tr td.cell-loss span {
  height: auto !important;
  padding: 5px 0px !important;
  color: #f13a3a !important;
}
.main-chart-section #marketmover .widget-body .mm-fixed-height table tbody tr td.cell-neutral span {
  height: auto !important;
  padding: 5px 0px !important;
}
.main-chart-section #marketmover table {
  min-height: 40px;
}
.main-chart-section #marketmover table tr.no-data {
  border-bottom: none !important;
}
.main-chart-section #marketmover table tbody {
  position: relative;
  min-height: 20px;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}
.main-chart-section #marketmover .view-more {
  padding: 0px !important;
  margin: 25px 0px !important;
}
.main-chart-section #watchlist .refresh-btn {
  position: fixed !important;
  right: 70px !important;
  top: 47px !important;
  cursor: pointer;
}
.main-chart-section #watchlist #watchlist-live-trading {
  display: block;
  float: left;
  width: 100%;
}
.main-chart-section #watchlist .widget-body .live-trading .as-of-date-title {
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 5px !important;
}
.main-chart-section #watchlist .widget-body .live-trading table tbody tr td.cell-gain span {
  height: auto !important;
  padding: 5px 0px !important;
  text-align: center !important;
  color: #1a7e56 !important;
}
.main-chart-section #watchlist .widget-body .live-trading table tbody tr td.cell-loss span {
  height: auto !important;
  padding: 5px 0px !important;
  text-align: center !important;
  color: #f13a3a !important;
}
.main-chart-section #watchlist .widget-body .live-trading table tbody tr td.cell-neutral span {
  height: auto !important;
  padding: 5px 0px !important;
  text-align: center !important;
  background: #2962ff !important;
  color: #0199da !important;
}
.main-chart-section #latestnews .refresh-btn {
  position: fixed !important;
  right: 70px !important;
  top: 47px !important;
  cursor: pointer;
}
.main-chart-section #latestnews .widget-body {
  position: relative;
  height: calc(90vh - 49px) !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}
.main-chart-section #latestnews .news-detail {
  padding: 5px 0px !important;
}
.main-chart-section #latestnews p {
  color: #666 !important;
  font-size: 11px !important;
}
.main-chart-section #latestnews a strong {
  color: #36437e !important;
  font-size: 14px !important;
}
.main-chart-section #financial .refresh-btn {
  position: fixed !important;
  right: 70px !important;
  top: 60px !important;
  cursor: pointer;
}
.main-chart-section #financial #key-ratio table tbody tr {
  border-bottom: 1px dotted #d2d2d2 !important;
}
.main-chart-section #dividend .refresh-btn {
  position: fixed !important;
  right: 70px !important;
  top: 60px !important;
  cursor: pointer;
}
.main-chart-section #dividend table {
  margin-top: 10px;
}
.main-chart-section #dividend .io-detail {
  padding: 5px 0px !important;
}
.main-chart-section #dividend .io-detail a {
  color: #36437e !important;
  font-size: 14px !important;
}
.main-chart-section .widget-footer a {
  padding: 0px 5px !important;
}
.main-chart-section .ac-vertical-tabs #dividend .widget-body h4 {
  padding-left: 5px !important;
}
.main-chart-section .ac-vertical-tabs #dividend .io-detail {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 0px 10px 0px !important;
}
.main-chart-section a.disabled {
  cursor: not-allowed;
  text-decoration: none;
  color: #000;
}
.main-chart-section table tr.trSymbol {
  cursor: pointer;
}
.main-chart-section .table-alt td {
  padding: 3px 0px !important;
  font-size: 12px !important;
}
.main-chart-section td.cell-gain span {
  height: 20px;
  width: 60px;
  padding-top: 4px;
  border-radius: 5px;
}
.main-chart-section td.cell-loss span {
  height: 20px;
  width: 60px;
  padding-top: 4px;
  border-radius: 5px;
}
.main-chart-section td.cell-neutral span {
  height: 20px;
  width: 60px;
  padding-top: 4px;
  border-radius: 5px;
}
.main-chart-section .view-more {
  padding: 0px !important;
  margin: 10px 0px !important;
}
.main-chart-section .view-more a {
  font-size: 13px !important;
}
.main-chart-section a {
  padding: 0px !important;
}
.main-chart-section select {
  border: none;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.main-chart-section select:focus {
  outline: none !important;
}
.main-chart-section #watchlist-news .news-detail {
  padding: 5px 0px !important;
}
.main-chart-section #watchlist-news p {
  color: #666 !important;
  font-size: 11px !important;
}
.main-chart-section #watchlist-news a strong {
  color: #36437e !important;
  font-size: 14px !important;
}
.main-chart-section .shm-button {
  padding: 5px 0;
}

.collapse.width {
  width: 0;
  max-width: 0;
  height: 100%;
  transition: right 0.3s linear, max-width 0.3s linear;
  position: relative;
  top: 0;
  right: 100%;
  left: 0;
  display: block;
  overflow: hidden;
}

.vh-100 {
  min-height: 100vh;
}

.collapsing.width {
  transition: right 0.3s linear, max-width 0.7s ease;
  width: 0% !important;
  height: 100%;
  max-width: 0% !important;
  min-width: 0;
  right: 0;
  position: relative;
  display: block;
}

.collapse .list-group-item {
  white-space: nowrap;
}

.collapse.width.show {
  transition: right 0.3s linear, max-width 0.3s linear;
  width: 350px;
  height: 100%;
  max-width: 350px;
  min-width: 350px;
  right: 0;
  position: relative;
  display: block !important;
}

.ac-vertical-tabs {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 0px 0px 0px;
  border-top: 3px solid #e0e3eb !important;
}
.ac-vertical-tabs #watchlist {
  float: left;
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
}
.ac-vertical-tabs #watchlist .widget-body {
  padding: 0px 0px 0px 0px !important;
  float: left;
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
}
.ac-vertical-tabs #watchlist .widget-body .news-detail {
  border-bottom: 1px solid #ddd !important;
  float: left;
  width: 100% !important;
  padding: 10px 5px 5px 5px !important;
}
.ac-vertical-tabs #watchlist .widget-body .news-detail:hover {
  background: #f2f2f2 !important;
}
.ac-vertical-tabs #watchlist .widget-body h4 {
  margin: 10px 0px !important;
}
.ac-vertical-tabs #watchlist .widget-body .live-trading {
  padding-left: 5px !important;
  float: left;
  width: 100% !important;
  height: 45vh !important;
  overflow: scroll !important;
  border-bottom: 3px solid #e0e3eb !important;
}
.ac-vertical-tabs #watchlist .widget-body .live-trading::-webkit-scrollbar {
  width: 3px !important;
  width: 3px !important;
}
.ac-vertical-tabs #watchlist .widget-body .live-trading::-webkit-scrollbar-thumb {
  background: transparent !important;
  width: 3px !important;
  background: #ddd !important;
  width: 3px !important;
}
.ac-vertical-tabs #watchlist .widget-body .live-trading::-moz-scrollbar {
  width: 0px !important;
  width: 3px !important;
}
.ac-vertical-tabs #watchlist .widget-body .live-trading::-ms-scrollbar {
  width: 0px !important;
  width: 3px !important;
}
.ac-vertical-tabs #watchlist .widget-body .live-trading::-o-scrollbar {
  width: 0px !important;
  width: 3px !important;
}
.ac-vertical-tabs #watchlist .widget-body .watchlist-news {
  float: left;
  width: 100% !important;
  height: 45vh !important;
  overflow: scroll !important;
  overflow-x: hidden !important;
  padding-left: 5px !important;
}
.ac-vertical-tabs #watchlist .widget-body .watchlist-news::-webkit-scrollbar {
  width: 3px !important;
  width: 3px !important;
  width: 3px !important;
}
.ac-vertical-tabs #watchlist .widget-body .watchlist-news:hover::-webkit-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #watchlist .widget-body .watchlist-news:hover::-webkit-scrollbar-thumb {
  background: #ddd !important;
  width: 3px !important;
}
.ac-vertical-tabs #watchlist .widget-body .watchlist-news:hover::-moz-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #watchlist .widget-body .watchlist-news:hover::-ms-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #watchlist .widget-body .watchlist-news:hover::-o-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #watchlist .widget-body .watchlist-news::-webkit-scrollbar-thumb {
  background: transparent !important;
  background: transparent !important;
  width: 3px !important;
  width: 3px !important;
  background: #ddd !important;
  width: 3px !important;
}
.ac-vertical-tabs #watchlist .widget-body .watchlist-news::-moz-scrollbar {
  width: 0px !important;
  width: 0px !important;
  width: 3px !important;
}
.ac-vertical-tabs #watchlist .widget-body .watchlist-news::-ms-scrollbar {
  width: 0px !important;
  width: 0px !important;
  width: 3px !important;
}
.ac-vertical-tabs #watchlist .widget-body .watchlist-news::-o-scrollbar {
  width: 0px !important;
  width: 0px !important;
  width: 3px !important;
}
.ac-vertical-tabs #financial {
  float: left;
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
}
.ac-vertical-tabs #financial .widget-body {
  padding: 0px 0px 0px 0px !important;
  float: left;
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
}
.ac-vertical-tabs #financial .widget-body #key-ratio {
  border-bottom: 3px solid #e0e3eb !important;
  float: left;
  width: 100% !important;
  height: 40vh !important;
  overflow: scroll !important;
  padding: 5px 0px 0px 5px !important;
}
.ac-vertical-tabs #financial .widget-body #key-ratio::-webkit-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body #key-ratio:hover::-webkit-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body #key-ratio:hover::-webkit-scrollbar-thumb {
  background: #ddd !important;
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body #key-ratio:hover::-moz-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body #key-ratio:hover::-ms-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body #key-ratio:hover::-o-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body #key-ratio::-webkit-scrollbar-thumb {
  background: transparent !important;
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body #key-ratio::-moz-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #financial .widget-body #key-ratio::-ms-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #financial .widget-body #key-ratio::-o-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #financial .widget-body .fs-bargraph.sub-section {
  float: left;
  width: 100% !important;
  height: 40vh !important;
  overflow: scroll !important;
  padding: 5px 0px 0px 5px !important;
}
.ac-vertical-tabs #financial .widget-body .live-trading::-webkit-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body .live-trading:hover::-webkit-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body .live-trading:hover::-webkit-scrollbar-thumb {
  background: #ddd !important;
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body .live-trading:hover::-moz-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body .live-trading:hover::-ms-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body .live-trading:hover::-o-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body .live-trading::-webkit-scrollbar-thumb {
  background: transparent !important;
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body .live-trading::-moz-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #financial .widget-body .live-trading::-ms-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #financial .widget-body .live-trading::-o-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #financial .widget-body .fs-bargraph::-webkit-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body .fs-bargraph:hover::-webkit-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body .fs-bargraph:hover::-webkit-scrollbar-thumb {
  background: #ddd !important;
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body .fs-bargraph:hover::-moz-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body .fs-bargraph:hover::-ms-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body .fs-bargraph:hover::-o-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body .fs-bargraph::-webkit-scrollbar-thumb {
  background: transparent !important;
  width: 3px !important;
}
.ac-vertical-tabs #financial .widget-body .fs-bargraph::-moz-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #financial .widget-body .fs-bargraph::-ms-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #financial .widget-body .fs-bargraph::-o-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #dividend {
  float: left;
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
}
.ac-vertical-tabs #dividend .widget-body {
  padding: 0px 0px !important;
  float: left;
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
}
.ac-vertical-tabs #dividend .widget-body .dividend-fixed-height {
  border-bottom: 3px solid #e0e3eb !important;
  float: left;
  width: 100% !important;
  height: 40vh !important;
  overflow: scroll !important;
  padding: 0px 0px 0px 5px !important;
}
.ac-vertical-tabs #dividend .widget-body .dividend-fixed-height::-webkit-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #dividend .widget-body .dividend-fixed-height:hover::-webkit-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #dividend .widget-body .dividend-fixed-height:hover::-webkit-scrollbar-thumb {
  background: #ddd !important;
  width: 3px !important;
}
.ac-vertical-tabs #dividend .widget-body .dividend-fixed-height::-webkit-scrollbar-thumb {
  background: transparent !important;
  width: 3px !important;
}
.ac-vertical-tabs #dividend .widget-body .dividend-fixed-height::-moz-scrollbar {
  width: 0px !important;
  width: 3px !important;
}
.ac-vertical-tabs #dividend .widget-body .dividend-fixed-height::-ms-scrollbar {
  width: 0px !important;
  width: 3px !important;
}
.ac-vertical-tabs #dividend .widget-body .dividend-fixed-height::-o-scrollbar {
  width: 0px !important;
  width: 3px !important;
}
.ac-vertical-tabs #dividend .widget-body .io-detail {
  border-bottom: 1px solid #ddd !important;
  float: left;
  width: 100% !important;
  padding: 10px 5px 5px 5px !important;
}
.ac-vertical-tabs #dividend .widget-body .io-detail:hover {
  background: #f2f2f2 !important;
}
.ac-vertical-tabs #dividend .widget-body h4 {
  margin: 10px 0px 10px 0px !important;
  padding: 0px !important;
}
.ac-vertical-tabs #latestnews .widget-body .news-detail {
  padding: 10px 5px 5px 5px !important;
  border-bottom: 1px solid #ddd !important;
  float: left;
  width: 100% !important;
  padding: 10px 5px 5px 5px !important;
}
.ac-vertical-tabs #latestnews .widget-body .news-detail:hover {
  background: #f2f2f2 !important;
}
.ac-vertical-tabs #latestnews .widget-body::-webkit-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #latestnews .widget-body:hover::-webkit-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #latestnews .widget-body:hover::-webkit-scrollbar-thumb {
  background: #ddd !important;
  width: 3px !important;
}
.ac-vertical-tabs #latestnews .widget-body:hover::-moz-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #latestnews .widget-body:hover::-ms-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #latestnews .widget-body:hover::-o-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #latestnews .widget-body::-webkit-scrollbar-thumb {
  background: transparent !important;
  width: 3px !important;
}
.ac-vertical-tabs #latestnews .widget-body::-moz-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #latestnews .widget-body::-ms-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #latestnews .widget-body::-o-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs .row {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px !important;
}
.ac-vertical-tabs .row .tab-content {
  padding: 0px 0px !important;
  width: 100% !important;
}
.ac-vertical-tabs .row .tab-content:hover {
  width: 100% !important;
}
.ac-vertical-tabs .row .tab-content .tab-pane {
  padding: 0px 0px 0px 0px !important;
}
.ac-vertical-tabs ul {
  display: block;
  float: left;
  width: 100% !important;
  border-bottom: none !important;
  border-left: 1px solid #ddd;
  padding: 5px 5px 0px 5px !important;
  height: 100vh !important;
  background: #e0e3eb !important;
  text-align: center !important;
  position: fixed;
  z-index: 99999999 !important;
  right: 0px !important;
  width: 59px !important;
  margin-top: -4px !important;
}
.ac-vertical-tabs ul li {
  display: block;
  float: left;
  width: 100% !important;
}
.ac-vertical-tabs ul li a {
  border-radius: 5px !important;
  padding: 10px 0px !important;
  display: block;
  float: left;
  width: 100% !important;
  margin-bottom: 3px !important;
  overflow: hidden !important;
}
.ac-vertical-tabs ul li a:hover {
  background: #fff !important;
}
.ac-vertical-tabs ul li a i {
  font-size: 22px !important;
}
.ac-vertical-tabs ul li a i img {
  width: 40px !important;
  animation: pulse 1s infinite ease-in-out alternate;
}
.ac-vertical-tabs ul li a.active {
  background: #fff !important;
}
.ac-vertical-tabs ul li a.active:hover {
  background: #fff !important;
}
.ac-vertical-tabs ul li a.active i.fa {
  color: #36437e !important;
}
.ac-vertical-tabs ul li a.active img {
  animation: none !important;
}
.ac-vertical-tabs ul li.active a.show {
  border-radius: 5px !important;
  padding: 4px !important;
  display: block;
  float: left;
  width: 100% !important;
  background: #fff !important;
}
.ac-vertical-tabs .tab-content #index {
  float: left;
  width: 100% !important;
  padding: 0px 0px 0px 0px !important;
}
.ac-vertical-tabs .tab-content #index:hover {
  display: block;
  float: left;
  width: 100% !important;
  outline: none !important;
}
.ac-vertical-tabs .tab-content #latestnews {
  float: left;
  width: 103% !important;
  padding: 0px 0px 0px 0px !important;
}
.ac-vertical-tabs .tab-content .tab-pane::-webkit-scrollbar-thumb {
  background: transparent !important;
  width: 3px !important;
}
.ac-vertical-tabs .tab-content .tab-pane::-moz-scrollbar-thumb {
  background: transparent !important;
  width: 3px !important;
}
.ac-vertical-tabs .tab-content .tab-pane::-ms-scrollbar-thumb {
  background: transparent !important;
  width: 3px !important;
}
.ac-vertical-tabs .tab-content .tab-pane::-o-scrollbar-thumb {
  background: transparent !important;
  width: 3px !important;
}
.ac-vertical-tabs .tab-content .tab-pane:hover::-webkit-scrollbar-thumb {
  background: #ddd !important;
  width: 3px !important;
}
.ac-vertical-tabs .tab-content .tab-pane:hover::-moz-scrollbar-thumb {
  background: #ddd !important;
  width: 3px !important;
}
.ac-vertical-tabs .tab-content .tab-pane:hover::-ms-scrollbar-thumb {
  background: #ddd !important;
  width: 3px !important;
}
.ac-vertical-tabs .tab-content .tab-pane:hover::-o-scrollbar-thumb {
  background: #ddd !important;
  width: 3px !important;
}
.ac-vertical-tabs #index .widget-body .sub-section table tbody tr td {
  padding: 0px !important;
}
.ac-vertical-tabs #index .widget-body .sub-section table tbody tr td .price-perf:nth-child(4) .price-perf-detail {
  left: -50px !important;
}
.ac-vertical-tabs #index .widget-body .sub-section table tbody tr td .price-perf:last-child .price-perf-detail {
  left: -80px !important;
}
.ac-vertical-tabs #index .widget-body .sub-section h4 {
  margin: 30px 0px 10px 0px !important;
  padding: 0px 0px 0px 0px !important;
}
.ac-vertical-tabs #index .widget-body .day-range:first-child {
  margin: 15px 0px 0px 0px !important;
}
.ac-vertical-tabs #index .widget-body .widget-box p.text-up {
  color: #30b983 !important;
}
.ac-vertical-tabs #index .widget-body .widget-box p.text-down {
  color: #f13a3a !important;
}
.ac-vertical-tabs #index .widget-body .widget-box p.text-neutral {
  color: #0199da !important;
}
.ac-vertical-tabs #index .widget-body:hover::-moz-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #index .widget-body:hover::-ms-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #index .widget-body:hover::-o-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #index::-webkit-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #index:hover::-webkit-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #index:hover::-webkit-scrollbar-thumb {
  background: #ddd !important;
  width: 3px !important;
}
.ac-vertical-tabs #index::-webkit-scrollbar-thumb {
  background: transparent !important;
  width: 3px !important;
}
.ac-vertical-tabs #index::-moz-scrollbar-thumb {
  width: 0px !important;
}
.ac-vertical-tabs #index::-ms-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #index::-o-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #marketmover {
  float: left;
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
}
.ac-vertical-tabs #marketmover .widget-body {
  float: left;
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
}
.ac-vertical-tabs #marketmover .widget-body .mm-fixed-height {
  float: left;
  width: 100% !important;
  height: 30vh !important;
  overflow: scroll !important;
  border-bottom: 3px solid #e0e3eb !important;
}
.ac-vertical-tabs #marketmover .widget-body .mm-fixed-height table {
  display: block;
  float: left;
  width: 100% !important;
  height: 100% !important;
}
.ac-vertical-tabs #marketmover .widget-body .mm-fixed-height table thead tr.sticky-header th {
  font-size: 12px !important;
  padding: 3px 0px !important;
}
.ac-vertical-tabs #marketmover .widget-body .mm-fixed-height table tbody tr td:first-child {
  width: 10% !important;
}
.ac-vertical-tabs #marketmover .widget-body .mm-fixed-height::-webkit-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #marketmover .widget-body .mm-fixed-height:hover::-webkit-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #marketmover .widget-body .mm-fixed-height:hover::-webkit-scrollbar-thumb {
  background: #ddd !important;
  width: 3px !important;
}
.ac-vertical-tabs #marketmover .widget-body .mm-fixed-height:hover::-moz-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #marketmover .widget-body .mm-fixed-height:hover::-ms-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #marketmover .widget-body .mm-fixed-height:hover::-o-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #marketmover .widget-body .mm-fixed-height::-webkit-scrollbar-thumb {
  background: transparent !important;
  width: 3px !important;
}
.ac-vertical-tabs #marketmover .widget-body .mm-fixed-height::-moz-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #marketmover .widget-body .mm-fixed-height::-ms-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #marketmover .widget-body .mm-fixed-height::-o-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #marketmover .widget-body .mm-fixed-height.view-more {
  margin: 0px !important;
}
.ac-vertical-tabs #marketmover select#ddlMarketMover {
  position: relative;
  font-size: 13px !important;
  color: #333 !important;
  font-weight: bold !important;
}
.ac-vertical-tabs #marketmover select#ddlMarketMover option {
  position: absolute !important;
  width: auto !important;
  display: inline !important;
}
.ac-vertical-tabs #marketmover select#ddlMarketMover option:after {
  content: "\f0d7" !important;
  position: absolute;
  right: 0px !important;
  background: url(../images/dwnarrow.png) right center no-repeat !important;
  color: #000 !important;
  font-size: 80px !important;
  height: 80px !important;
  width: 80px !important;
  font-family: "FontAwesome" !important;
}
.ac-vertical-tabs #marketmover table tbody tr td span {
  text-align: center !important;
  padding: 0px !important;
}
.ac-vertical-tabs #technical .widget-body {
  padding: 0px 0px 0px 5px !important;
}
.ac-vertical-tabs #technical .widget-body h4 {
  margin: 10px 0px 5px 0px !important;
  font-size: 15px !important;
}
.ac-vertical-tabs #technical .widget-body table {
  margin: 0px 0px 0px 0px !important;
}
.ac-vertical-tabs #technical .widget-body table thead tr th {
  font-weight: normal !important;
  padding: 4px 6px !important;
  font-weight: normal !important;
}
.ac-vertical-tabs #technical .widget-body table tbody tr td {
  padding: 4px 6px !important;
}
.ac-vertical-tabs #technical .widget-body table tbody tr td.bear {
  color: #f13a3a !important;
}
.ac-vertical-tabs #technical .widget-body table tbody tr td.bull {
  color: #30b983 !important;
}
.ac-vertical-tabs #technical .widget-body:hover::-ms-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #technical .widget-body:hover::-o-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #technical p {
  margin: 5px 0px !important;
}
.ac-vertical-tabs #technical #divProgress {
  margin: 0px 0px 10px 0px !important;
}
.ac-vertical-tabs #technical::-webkit-scrollbar {
  width: 3px !important;
}
.ac-vertical-tabs #technical:hover::-webkit-scrollbar-thumb {
  background: #ddd !important;
  width: 3px !important;
}
.ac-vertical-tabs #technical::-moz-scrollbar-thumb {
  width: 0px !important;
}
.ac-vertical-tabs #technical::-ms-scrollbar {
  width: 0px !important;
}
.ac-vertical-tabs #technical::-o-scrollbar {
  width: 0px !important;
}

.mm-fixed-height table tbody tr td:last-child a {
  font-size: 13px !important;
}
.mm-fixed-height table tbody tr td a i {
  padding-left: 10px !important;
}

i.fa.fa-navicon.fa-2x.py-2.p-1 {
  z-index: 9999;
  position: absolute;
}

.advanced-screener {
  display: block;
  float: left !important;
  width: 100% !important;
  padding: 20px 0px !important;
}
.advanced-screener .wrapper {
  padding-left: 0;
  -webkit-transition: all 0.0025s ease;
  -moz-transition: all 0.0025s ease;
  -o-transition: all 0.0025s ease;
  transition: all 0.0025s ease;
}
.advanced-screener .wrapper .as-sidebar {
  padding: 0px 0px 10px 0px !important;
}
.advanced-screener:hover .wrapper.toggled .advanced-screener-data a.btn.btn-default.menu-toggle i.fa.fa-angle-left {
  background: #c19b19 !important;
  transform: rotate(360deg) !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.advanced-screener .filter {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px 10px !important;
  background: #fff !important;
}
.advanced-screener .filter .additional .form-group {
  padding: 0px !important;
  margin-bottom: 5px !important;
}
.advanced-screener .form-control {
  font-size: 12px !important;
}
.advanced-screener .form-group {
  font-size: 12px !important;
  padding-bottom: 0px !important;
}
.advanced-screener span.select2-selection__rendered {
  font-size: 12px !important;
}
.advanced-screener select {
  height: 30px !important;
}
.advanced-screener input.lowerRange {
  height: 30px !important;
}
.advanced-screener input.upperRange {
  height: 30px !important;
}
.advanced-screener span.select2-selection.select2-selection--single {
  height: 30px !important;
}
.advanced-screener .btn-remove {
  margin: 0px !important;
}
.advanced-screener .btn-reset {
  margin: 0px !important;
  padding-right: 5px !important;
}
.advanced-screener .btn-reset i {
  font-size: 12px !important;
}
.advanced-screener .custom-filter {
  padding: 5px !important;
}
.advanced-screener .default-filter {
  padding: 5px !important;
}
.advanced-screener .default-filter .form-group {
  margin-bottom: 0px !important;
}
.advanced-screener a.dropdown-item.ddlTemplateOpt {
  border-bottom: 1px dotted #b5afaf !important;
  height: 35px !important;
}
.advanced-screener .filter-button {
  display: flex;
  width: 100%;
  padding: 0px 0px 5px 5px;
}
.advanced-screener .filter-button button {
  color: #fff !important;
  padding-right: 20px !important;
  margin-right: 10px !important;
}
.advanced-screener .filter-button button i {
  color: #fff !important;
}
.advanced-screener .filter-button #btnResetAllFilter {
  background: #0e5e5e !important;
  border: none !important;
}
.advanced-screener .filter-button #btnResetAllFilter:hover {
  background: #dbb87c !important;
}
.advanced-screener .filter-button #addFilter {
  background: #36437e !important;
  border: none !important;
}
.advanced-screener .filter-button #addFilter:hover {
  background: #2e4cd4 !important;
}
.advanced-screener .filter-toggle a {
  color: #fff !important;
}
.advanced-screener .filter-toggle a i {
  font-size: 18px !important;
}
.advanced-screener .wrapper.toggled .as-sidebar {
  padding: 0px 0px 0px 10px !important;
}
.advanced-screener .as-sidebar button:hover {
  border-bottom: 1px solid #f7f7f7 !important;
}
.advanced-screener .as-sidebar button:focus {
  border-bottom: 1px solid #f7f7f7 !important;
}

.wrapper.toggled {
  padding-left: 250px;
}
.wrapper.toggled .as-sidebar {
  height: auto;
}
.wrapper.toggled .as-sidebar .as-sidebar-title h3 {
  font-size: 15px !important;
  width: auto;
  text-align: left !important;
}
.wrapper.toggled .as-sidebar .as-sidebar-title form .form-group {
  margin: 0px !important;
}
.wrapper.toggled .as-sidebar .as-sidebar-title form input {
  background: none !important;
  text-align: right !important;
  color: #fff !important;
  border: none !important;
  padding: 0px 35px 0px 0px !important;
  font-size: 14px !important;
  display: block;
  float: left;
  width: auto;
  float: right !important;
}
.wrapper.toggled .as-sidebar .as-sidebar-title form input:focus {
  background: none !important;
  text-align: right !important;
  color: #fff !important;
  border: none !important;
  padding: 0px 35px 0px 0px !important;
  font-size: 14px !important;
  display: block;
  float: left;
  width: auto;
  float: right !important;
}
.wrapper.toggled .advanced-screener-data a.btn.btn-default.menu-toggle {
  padding: 0px !important;
  position: absolute;
  left: -56px !important;
  overflow: visible !important;
  z-index: 99;
  top: -2px;
  outline: none !important;
  box-shadow: none !important;
}
.wrapper.toggled .advanced-screener-data a.btn.btn-default.menu-toggle i.fa.fa-times {
  display: none !important;
}
.wrapper.toggled .advanced-screener-data a.btn.btn-default.menu-toggle i.fa.fa-angle-left {
  font-size: 22px !important;
  position: absolute;
  height: 30px;
  width: 30px;
  border: 3px solid #f9f9f9;
  background: #30b983;
  color: #fff !important;
  border-radius: 50% !important;
  top: 12px;
  cursor: pointer;
  left: 20px;
  display: block !important;
  z-index: 10;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.wrapper.toggled .advanced-screener-data a.btn.btn-default.menu-toggle i.fa.fa-angle-right {
  display: none !important;
}
.wrapper.toggled .advanced-screener-wrapper {
  display: block;
  float: left;
  width: 100% !important;
  margin-right: -250px;
  min-height: 200px !important;
  max-height: 1200px !important;
  margin-bottom: 0px !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.wrapper.toggled .advanced-screener-wrapper .advanced-screener-data {
  display: block;
  float: right;
  width: calc(100% - 15px) !important;
  padding: 15px 0px 15px 10px;
}
.wrapper.toggled .advanced-screener-wrapper .advanced-screener-data .as-data-top .modal h1 {
  color: #fff !important;
  padding: 10px 10px !important;
  font-size: 20px !important;
  text-align: left !important;
}

body.advance-screener span.select2-dropdown.select2-dropdown--above {
  width: 13% !important;
  left: -15px !important;
}
body.advance-screener span.select2-dropdown.select2-dropdown--below {
  width: 13% !important;
  left: -15px !important;
}
body.advance-screener .select2-container--default .select2-results__option[role=option]:before {
  margin-right: 3px !important;
}
body.advance-screener .select2-results__option {
  padding: 10px 5px !important;
  font-size: 13px !important;
}
body.advance-screener .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #ced4da !important;
  outline: 0;
  min-height: 40px !important;
  max-height: 200px !important;
}

form.additional div#divLowerRange .input-group-append {
  width: 40px !important;
  text-align: center !important;
}
form.additional div#divUpperRange {
  padding: 0px 0px 0px 5px !important;
}
form.additional div#divUpperRange .input-group-append {
  width: 40px !important;
  text-align: center !important;
}
form.additional div#divUpperRange .input-group {
  width: auto !important;
}
form.additional span#basic-addon2 {
  padding: 4px 6px !important;
  height: 30px !important;
  width: 40px !important;
  text-align: center !important;
  display: block;
}

div#divUpperRange span {
  width: 10% !important;
  float: left;
  padding: 4px 0px !important;
}
div#divUpperRange input.form-control.upperRange {
  width: 88% !important;
  margin: 0px !important;
}

.wrapper .advanced-screener-data a.btn.btn-default.menu-toggle {
  padding: 0px !important;
  position: absolute;
  left: -30px !important;
  overflow: visible !important;
  z-index: 99;
  top: -2px;
  outline: none !important;
  box-shadow: none !important;
}
.wrapper .advanced-screener-data a.btn.btn-default.menu-toggle i {
  font-size: 22px !important;
  color: #36437e !important;
}
.wrapper .advanced-screener-data a.btn.btn-default.menu-toggle i.fa.fa-angle-left {
  display: none !important;
}
.wrapper .advanced-screener-data a.btn.btn-default.menu-toggle i.fa.fa-angle-right {
  position: absolute;
  height: 30px;
  width: 30px;
  border: 3px solid #f9f9f9;
  background: #c19b19;
  color: #fff !important;
  border-radius: 50% !important;
  top: 12px;
  transform: translateX(-50%);
  cursor: pointer;
  left: 20px;
  z-index: 8;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.wrapper .advanced-screener-data a.btn.btn-default.menu-toggle i.fa.fa-angle-right:hover {
  box-shadow: 0px 1px 4px 1px #30b983;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.wrapper .advanced-screener-wrapper {
  width: 100% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.wrapper .advanced-screener-wrapper .advanced-screener-data {
  width: 100% !important;
}
.wrapper .advanced-screener-wrapper .advanced-screener-data i {
  color: #fff !important;
  font-weight: normal !important;
  color: #36437e !important;
  font-weight: normal !important;
}
.wrapper .advanced-screener-wrapper .advanced-screener-data i.fa-file-excel-o {
  color: #fff !important;
  font-size: 16px !important;
}

.advanced-screener-wrapper {
  width: 100%;
  padding: 0px;
}
.advanced-screener-wrapper .advanced-screener-data {
  margin-right: auto;
  margin-left: auto;
  display: block;
  float: left;
}

.as-data-top {
  display: block;
  float: left;
  width: 100% !important;
  padding: 0px !important;
  background: #e2e2e2 !important;
}
.as-data-top ul li nav.navbar.navbar-expand-lg.navbar-light.bg-light a.navbar-brand {
  color: #666 !important;
  cursor: auto !important;
}

.jqi .jqimessage {
  display: block;
  float: left;
  width: 100% !important;
}

.jqimessage label {
  display: block;
  float: left;
  width: 100% !important;
}
.jqimessage label input#txtTemplateName {
  display: block;
  float: right;
  width: 100% !important;
  border: 1px solid #bbb !important;
  padding: 10px !important;
  margin-top: 10px !important;
}

div.jqi form.jqiform .jqibuttons {
  padding: 10px;
  text-align: left;
}
div.jqi form.jqiform .jqibuttons button.jqibutton {
  margin: 0px 10px 0px 0px !important;
  padding: 8px !important;
}

td.text-center.bullish.cell-gain span {
  border-bottom: none !important;
  margin: 0px !important;
  text-align: center !important;
  float: left !important;
}

td.text-center.neutral.cell-neutral {
  margin: 0px !important;
  border-bottom: none !important;
}
td.text-center.neutral.cell-neutral span {
  border-bottom: none !important;
  margin: 0px !important;
  text-align: center !important;
  float: left !important;
}

td.text-center.bearish.cell-loss span {
  border-bottom: none !important;
  margin: 0px !important;
  text-align: center !important;
  float: left !important;
}

.tab-card {
  border: 1px solid #f1f1f1;
}

.tab-card-header {
  background: none;
}
.tab-card-header > .nav-tabs {
  border: none;
  margin: 0px;
}
.tab-card-header > .nav-tabs > li {
  margin-right: 2px;
}
.tab-card-header > .nav-tabs > li > a {
  border: 0;
  border-bottom: 2px solid transparent;
  margin-right: 0;
  color: #f1f1f1;
  padding: 2px 15px;
}
.tab-card-header > .nav-tabs > li > a:hover {
  color: #0199da;
}
.tab-card-header > .nav-tabs > li > a.show {
  border-bottom: 2px solid #007bff;
  color: #0199da;
  border: none !important;
}
.tab-card-header > .nav-tabs > li > a.active {
  background: #c7ac54 !important;
}
.tab-card-header > .tab-content {
  padding-bottom: 0;
}

.sidebar-nav {
  position: absolute;
  top: 40px;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px;
}
.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #f1f1f1;
}
.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}
.sidebar-nav li a:active {
  text-decoration: none;
}
.sidebar-nav li a:focus {
  text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}
.sidebar-nav > .sidebar-brand a {
  color: #f1f1f1;
}
.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

#columnTabContent {
  display: block;
  float: left;
  width: 100% !important;
}
#columnTabContent .tab-pane {
  padding: 10px !important;
}

label.badge.badge-pill.badge-danger.badge-expire:hover {
  background: #c7313f;
}
label.badge.badge-pill.badge-danger.badge-expire:hover a {
  color: #fff !important;
  text-decoration: underline !important;
}

.col-xs-5th.r-padder {
  display: block;
  float: left;
  width: 20% !important;
}

#frmRegistration .subscription-main-ln #divPromo {
  padding: 20px 20px !important;
  margin-top: 0px !important;
}
#frmRegistration .subscription-main-ln #divPromo input {
  padding: 20px 10px !important;
}
#frmRegistration .subscription-main-ln #divPromo p#promoInfo {
  display: block !important;
}
#frmRegistration .subscription-main-ln #divPromo input#btnApplyPromo {
  padding: 11px 0px !important;
}
#frmRegistration .subscription-main-ln div#divPromo {
  float: left;
  width: 48% !important;
}
#frmRegistration .subscription-main-ln div#divCost {
  display: block;
  float: left;
  width: 50% !important;
  padding-left: 2%;
  border: none !important;
}
#frmRegistration .subscrition-main-ln #divPromo input#btnApplyPromo {
  padding: 11px 0px !important;
  margin: 0px !important;
}
#frmRegistration table.table.table-hover.tbl-subscription-cost {
  margin: 0px 0px 20px 0px !important;
}
#frmRegistration #divCostDup .tbl-subscription-cost {
  margin: 0px !important;
}

.swp-backlink {
  display: block;
  float: left;
  width: 100%;
  text-align: center !important;
  background: #f6f6f6 !important;
  padding: 20px 0px !important;
}
.swp-backlink p {
  font-size: 22px !important;
  font-style: italic !important;
}
.swp-backlink p a {
  font-size: 22px !important;
  color: #30b983 !important;
  font-style: italic !important;
}
.swp-backlink p a:hover {
  text-decoration: underline !important;
}

#horizontalTab2 #news .latest-news table tbody tr td a p {
  font-size: 19px !important;
  line-height: 1.3 !important;
}

.igrowl-message {
  font-size: 14px !important;
  line-height: 21px !important;
}

.igrowl-success {
  background: #caf5e3 !important;
  border-color: #30b983 !important;
}

.igrowl-dismiss:before {
  font-size: 18px !important;
}

#DataTables_Table_0_wrapper table.table-alt.table-mf.dataTable.no-footer tr td a.tooltip-button {
  left: 65px !important;
}

.text-info {
  color: #fff !important;
}

.sh-table tbody#tbdStockMovement tr td span.text-left {
  text-align: left !important;
  display: block;
  float: left !important;
  width: 100% !important;
  padding: 0px !important;
  line-height: 12px !important;
}

.sh-table tbody#tbdStockMovement tr td span {
  text-align: left !important;
  display: block;
  float: left !important;
  width: 100% !important;
  padding: 0px !important;
  line-height: 12px !important;
}

/*faq*/
.accordion .card {
  box-shadow: none !important;
}
.accordion .card-header {
  padding: 0px !important;
  position: relative;
  box-shadow: none !important;
}
.accordion .card-header h2 button.btn {
  padding: 20px !important;
  font-size: 18px !important;
  width: 100% !important;
  color: #333 !important;
  word-break: break-all !important;
  white-space: wrap !important;
  background: #ddd !important;
  line-height: 1.5 !important;
}
.accordion .card-header h2 button.btn:before {
  content: "\f107" !important;
  position: absolute !important;
  font-size: 30px !important;
  font-weight: bold !important;
  color: #36437e !important;
  right: 15px !important;
  top: 10px !important;
  font-family: "Fontawesome" !important;
  display: block !important;
}
.accordion .card-header h2 button.btn:after {
  display: none !important;
}
.accordion .card-header h2 button.btn.collapsed {
  padding: 20px !important;
  font-size: 18px !important;
  width: 100% !important;
  color: #333 !important;
  word-break: break-all !important;
  white-space: wrap !important;
  background: #ddd !important;
  line-height: 1.5 !important;
}
.accordion .card-header h2 button.btn.collapsed:before {
  display: none !important;
}
.accordion .card-header h2 button.btn.collapsed:after {
  content: "\f106" !important;
  position: absolute !important;
  font-size: 30px !important;
  font-weight: bold !important;
  color: #36437e !important;
  right: 15px !important;
  top: 10px !important;
  font-family: "Fontawesome" !important;
  display: block !important;
}
.accordion .card-header h2:after {
  display: none !important;
}

/*faq*/
#divStockHoldingData .scrollable-area.sticky-table.sticky-ltr-cells table.table-alt thead tr th.sticky-cell, .stock-screener .scrollable-area.sticky-table.sticky-ltr-cells table.table-alt thead tr th.sticky-cell {
  width: 140px !important;
}
#divStockHoldingData .scrollable-area.sticky-table.sticky-ltr-cells table.table-alt tbody tr td, #divStockHoldingData .scrollable-area.sticky-table.sticky-ltr-cells table.table-alt tbody tr td.sticky-cell, .stock-screener .scrollable-area.sticky-table.sticky-ltr-cells table.table-alt tbody tr td, .stock-screener .scrollable-area.sticky-table.sticky-ltr-cells table.table-alt tbody tr td.sticky-cell {
  width: 140px !important;
  position: relative !important;
}
#divStockHoldingData .scrollable-area.sticky-table.sticky-ltr-cells table.table-alt tbody tr td a.tooltip-button, #divStockHoldingData .scrollable-area.sticky-table.sticky-ltr-cells table.table-alt tbody tr td.sticky-cell a.tooltip-button, .stock-screener .scrollable-area.sticky-table.sticky-ltr-cells table.table-alt tbody tr td a.tooltip-button, .stock-screener .scrollable-area.sticky-table.sticky-ltr-cells table.table-alt tbody tr td.sticky-cell a.tooltip-button {
  left: auto !important;
  position: absolute !important;
  right: 10px !important;
}

#divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table.table-alt tbody tr td.sticky-cell a.tooltip-button {
  position: absolute !important;
  right: 40px !important;
}

.jqifade {
  position: absolute;
  background-color: #000000;
}

div.jqi {
  width: 400px;
  position: absolute;
  background-color: #fff;
  text-align: left;
  border: solid 1px #eeeeee;
  /* border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; */
  padding: 7px;
}

div.jqi .jqiclose {
  position: absolute;
  top: 4px;
  right: -2px;
  width: 18px;
  cursor: default;
  color: #bbbbbb;
  font-weight: bold;
}

div.jqi .jqistate {
  background-color: #fff;
}

div.jqi .jqiparentstate::after {
  background-color: #eee;
  opacity: 0.7;
  filter: alpha(opacity=70);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div.jqi .jqisubstate {
  position: absolute;
  top: 0;
  left: 20%;
  width: 60%;
  padding: 7px;
  border: solid 1px #eeeeee;
  border-top: none;
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqititle {
  padding: 5px 10px;
  border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage {
  padding: 10px;
  color: #444444;
  font-size: 13px !important;
}

div.jqi .jqibuttons {
  padding: 5px;
  text-align: right;
}

div.jqi button {
  margin: 0 0 0 10px;
}

.jqi .jqiarrow {
  position: absolute;
  height: 0;
  width: 0;
  line-height: 0;
  font-size: 0;
  border: solid 10px transparent;
}

.jqi .jqiarrowtl {
  left: 10px;
  top: -20px;
  border-bottom-color: #fff;
}

.jqi .jqiarrowtc {
  left: 50%;
  top: -20px;
  border-bottom-color: #fff;
  margin-left: -10px;
}

.jqi .jqiarrowtr {
  right: 10px;
  top: -20px;
  border-bottom-color: #fff;
}

.jqi .jqiarrowbl {
  left: 10px;
  bottom: -20px;
  border-top-color: #fff;
}

.jqi .jqiarrowbc {
  left: 50%;
  bottom: -20px;
  border-top-color: #fff;
  margin-left: -10px;
}

.jqi .jqiarrowbr {
  right: 10px;
  bottom: -20px;
  border-top-color: #fff;
}

.jqi .jqiarrowlt {
  left: -20px;
  top: 10px;
  border-right-color: #fff;
}

.jqi .jqiarrowlm {
  left: -20px;
  top: 50%;
  border-right-color: #fff;
  margin-top: -10px;
}

.jqi .jqiarrowlb {
  left: -20px;
  bottom: 10px;
  border-right-color: #fff;
}

.jqi .jqiarrowrt {
  right: -20px;
  top: 10px;
  border-left-color: #fff;
}

.jqi .jqiarrowrm {
  right: -20px;
  top: 50%;
  border-left-color: #fff;
  margin-top: -10px;
}

.jqi .jqiarrowrb {
  right: -20px;
  bottom: 10px;
  border-left-color: #fff;
}

.jqi {
  padding: 0px !important;
  border: none !important;
}

.lead.jqititle {
  padding: 10px !important;
  font-size: 15px !important;
  line-height: normal !important;
  color: #fff !important;
  border-bottom: none !important;
  background: #36437e !important;
}

.jqiclose {
  color: #fff !important;
}

.jqibuttons button.jqibutton.jqidefaultbutton,
.jqibuttons button.jqibutton {
  background: #36437e !important;
  border: none !important;
  color: #fff !important;
}

/*myholdings import*/
.modal-header {
  background: #36437e !important;
}
.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 {
  color: #fff !important;
}

form#holdingsForm .add-panel a i:before {
  color: #fff !important;
  padding: 0px 10px 0px 0px !important;
}
form#holdingsForm #notListedCompanies {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px 0px 20px 0px !important;
  background: #ffe4e4 !important;
}
form#holdingsForm #notListedCompanies li {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0px 0px 0px 0px !important;
  padding: 5px 10px !important;
}

/*myholdings import*/
/**/
#divFullStockWatch #div1 #divAsOfDate a.btn.btn-success {
  background: #36437e;
  color: #fff !important;
}
#divFullStockWatch #div1 #divAsOfDate a.btn.btn-success:hover {
  background: #0e5e5e !important;
}

/**/
/*Accumulation*/
.broker-listing.broker-breakdown {
  padding: 0px !important;
}
.broker-listing.broker-breakdown #ddlAccumulationDateFilter, .broker-listing.broker-breakdown #ddlDistributionDateFilter {
  margin: 0px !important;
}
.broker-listing.broker-breakdown #divAccumulationList, .broker-listing.broker-breakdown #divDistributionList {
  padding: 0px !important;
  margin: 0px !important;
}
.broker-listing.broker-breakdown #divAccumulationList select.custom-select, .broker-listing.broker-breakdown #divDistributionList select.custom-select {
  box-shadow: none !important;
  height: 38px !important;
  padding: 8px 5px !important;
  width: 98% !important;
  margin: 0px 0px 10px 0px !important;
}
.broker-listing.broker-breakdown #divAccumulationList select, .broker-listing.broker-breakdown #divDistributionList select {
  font-size: 13px !important;
  width: 98% !important;
  margin: 0px 0px 10px 0px !important;
}
.broker-listing.broker-breakdown #divAccumulationList span.select2-selection.select2-selection--single, .broker-listing.broker-breakdown #divDistributionList span.select2-selection.select2-selection--single {
  padding: 8px 5px !important;
  border-radius: 0px !important;
  height: 38px !important;
  width: 98% !important;
  margin: 0px 0px 10px 0px !important;
}
.broker-listing.broker-breakdown #divAccumulationList span.select2-selection.select2-selection--single span.select2-selection__rendered, .broker-listing.broker-breakdown #divDistributionList span.select2-selection.select2-selection--single span.select2-selection__rendered {
  font-size: 13px !important;
  padding: 0px 5px !important;
  margin: 0px 0px 10px 0px !important;
}
.broker-listing.broker-breakdown #divAccumulationList input, .broker-listing.broker-breakdown #divDistributionList input {
  padding: 5px !important;
  font-size: 13px !important;
  width: 98% !important;
  margin: 0px 0px 10px 0px !important;
}
.broker-listing.broker-breakdown #divAccumulationList .as-of-date, .broker-listing.broker-breakdown #divDistributionList .as-of-date {
  padding: 10px 0px 10px 0px !important;
}
.broker-listing.broker-breakdown #divAccumulationList .pull-right, .broker-listing.broker-breakdown #divDistributionList .pull-right {
  margin: 0px !important;
}
.broker-listing.broker-breakdown #divAccumulationList hr, .broker-listing.broker-breakdown #divDistributionList hr {
  display: none !important;
}
.broker-listing.broker-breakdown #divAccumulationList .dataTables_length, .broker-listing.broker-breakdown #divDistributionList .dataTables_length {
  margin: 5px 0px 0px 0px !important;
}
.broker-listing.broker-breakdown #divAccumulationList .dataTables_length label select.custom-select, .broker-listing.broker-breakdown #divDistributionList .dataTables_length label select.custom-select {
  width: 65px !important;
}
.broker-listing.broker-breakdown #divAccumulationList #accumulationSearchFilter, .broker-listing.broker-breakdown #divAccumulationList #distributionSearchFilter, .broker-listing.broker-breakdown #divDistributionList #accumulationSearchFilter, .broker-listing.broker-breakdown #divDistributionList #distributionSearchFilter {
  padding: 10px 0px 0px 0px !important;
  border-top: 1px solid #ddd !important;
  margin: 10px 0px 0px 0px !important;
}
.broker-listing.broker-breakdown #divAccumulationList #accumulationSearchFilter .btn-primary, .broker-listing.broker-breakdown #divAccumulationList #distributionSearchFilter .btn-primary, .broker-listing.broker-breakdown #divDistributionList #accumulationSearchFilter .btn-primary, .broker-listing.broker-breakdown #divDistributionList #distributionSearchFilter .btn-primary {
  background: #36437e !important;
  height: 38px;
  width: 30px !important;
  padding: 5px 0px !important;
  margin: 0px 8px 8px 0px !important;
}
.broker-listing.broker-breakdown #divAccumulationList #accumulationSearchFilter .btn-primary i:before, .broker-listing.broker-breakdown #divAccumulationList #distributionSearchFilter .btn-primary i:before, .broker-listing.broker-breakdown #divDistributionList #accumulationSearchFilter .btn-primary i:before, .broker-listing.broker-breakdown #divDistributionList #distributionSearchFilter .btn-primary i:before {
  position: static !important;
  color: #fff !important;
}
.broker-listing.broker-breakdown #divAccumulationList #accumulationSearchFilter .btn-secondary, .broker-listing.broker-breakdown #divAccumulationList #distributionSearchFilter .btn-secondary, .broker-listing.broker-breakdown #divDistributionList #accumulationSearchFilter .btn-secondary, .broker-listing.broker-breakdown #divDistributionList #distributionSearchFilter .btn-secondary {
  background: #0e5e5e !important;
  height: 38px;
  width: 30px !important;
  text-align: center !important;
  padding: 5px 0px !important;
  margin: 0px 10px 10px 0px !important;
}
.broker-listing.broker-breakdown #divAccumulationList #accumulationSearchFilter .btn-secondary i:before, .broker-listing.broker-breakdown #divAccumulationList #distributionSearchFilter .btn-secondary i:before, .broker-listing.broker-breakdown #divDistributionList #accumulationSearchFilter .btn-secondary i:before, .broker-listing.broker-breakdown #divDistributionList #distributionSearchFilter .btn-secondary i:before {
  position: static !important;
  color: #fff !important;
}

/*Accumulation*/
#is-bar-graph {
  margin: 15px 0px 0px !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block !important;
  width: calc(100% - 16px) !important;
}

/*
.scrollable-area.sticky-table.sticky-ltr-cells table.table-alt.table-financials tbody tr td.sticky-cell.item-name{width: 400px;display: block !important;}
.scrollable-area.sticky-table.sticky-ltr-cells table.table-alt.table-financials tbody tr td.sticky-cell.item-name span{white-space: normal !important;}
*/
.accordion .buy-card {
  background: #30b983 !important;
}

.accordion .sell-card {
  background: #f13a3a !important;
}

#b-stock ul#all_tabs li a[data-tab=sell-tab] {
  background: #f13a3a !important;
}

#b-stock ul#all_tabs li a[data-tab=buy-tab] {
  background: #30b983 !important;
}

#b-stock ul#all_tabs li a.buy-tab.active {
  background: #30b983 !important;
}

#b-stock ul#all_tabs li a.sell-tab.active {
  background: #f13a3a !important;
}

#b-stock ul#all_tabs li a.buy-tab,
#b-stock ul#all_tabs li a.sell-tab {
  background: #666 !important;
}

#b-stock ul#all_tabs li a.info-tab.active,
#b-stock ul#all_tabs li a.info-tab.active {
  background: #0199da !important;
}

#divOpenOrders table tbody tr td a,
#divOrderWatchList table tbody tr td a,
#divCompletedOrders table tbody tr td a {
  font-weight: normal !important;
}
#divOpenOrders table tbody tr td a.fa.fa-trash,
#divOrderWatchList table tbody tr td a.fa.fa-trash,
#divCompletedOrders table tbody tr td a.fa.fa-trash {
  color: #f13a3a !important;
}
#divOpenOrders table tbody tr td a.fa.fa-edit,
#divOrderWatchList table tbody tr td a.fa.fa-edit,
#divCompletedOrders table tbody tr td a.fa.fa-edit {
  color: #0199da !important;
  margin: 0px 5px 0px 0px !important;
}
#divOpenOrders table tbody tr td.status-button,
#divOrderWatchList table tbody tr td.status-button,
#divCompletedOrders table tbody tr td.status-button {
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: normal !important;
  margin: 5px 5px !important;
  width: auto !important;
  border-bottom: none !important;
}
#divOpenOrders #btnRefresh,
#divOrderWatchList #btnRefresh,
#divCompletedOrders #btnRefresh {
  position: absolute;
  z-index: 99;
  right: 25px !important;
  padding: 7px 10px !important;
  cursor: pointer !important;
}
#divOpenOrders .top .dataTables_length,
#divOrderWatchList .top .dataTables_length,
#divCompletedOrders .top .dataTables_length {
  display: block;
  float: left;
  width: 50% !important;
  margin: 0px 0px !important;
}
#divOpenOrders .top .dataTables_filter,
#divOrderWatchList .top .dataTables_filter,
#divCompletedOrders .top .dataTables_filter {
  display: block;
  float: left;
  width: 50% !important;
}

#divOrderWatchList .top .dataTables_filter {
  display: block;
  float: left;
  width: 46% !important;
  margin: 0px 30px 0px 0px !important;
}

#divAccountStatement {
  display: block;
  float: left;
  width: 100% !important;
}
#divAccountStatement #tblAccountStatement_wrapper div#tblAccountStatement_length {
  margin: 0px !important;
}
#divAccountStatement #tblAccountStatement_wrapper table#tblAccountStatement {
  width: 100%;
  overflow-x: scroll;
}

form#newAccountOpeningForm,
form#brockerBalancePayment {
  padding: 20px !important;
}
form#newAccountOpeningForm .panel a.backToPortfolioOverView,
form#brockerBalancePayment .panel a.backToPortfolioOverView {
  display: block;
  text-align: right !important;
}
form#newAccountOpeningForm .panel .panel-heading a,
form#brockerBalancePayment .panel .panel-heading a {
  display: block;
  float: left;
  width: 100% !important;
}
form#newAccountOpeningForm .panel .panel-heading a img.brand-image,
form#brockerBalancePayment .panel .panel-heading a img.brand-image {
  width: 50% !important;
}
form#newAccountOpeningForm .panel .panel-body .bg-danger,
form#brockerBalancePayment .panel .panel-body .bg-danger {
  display: flex;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  background: #fff !important;
}
form#newAccountOpeningForm .panel .panel-body .bg-danger h2,
form#brockerBalancePayment .panel .panel-body .bg-danger h2 {
  display: flex;
  flex-wrap: wrap !important;
  justify-content: center !important;
  background: #f13a3a !important;
  color: #fff !important;
  padding: 20px !important;
  border-radius: 5px !important;
  width: auto !important;
}

#divFullStockWatch .fullstock-date .as-of-date-title {
  display: block;
  float: left;
  width: 100% !important;
  text-align: right !important;
}

/*FAQ*/
.btn-group button {
  background: #36437e !important;
  padding: 10px !important;
  margin: 0px 10px 10px 0px !important;
  border-radius: 5px !important;
  color: #fff !important;
  font-size: 14px !important;
}

#faqAccordian .card-header {
  border-bottom: none !important;
}
#faqAccordian .card-header h2 {
  padding: 0px !important;
  border: none !important;
}
#faqAccordian .card-header h2 button {
  border-radius: 5px !important;
  width: 100% !important;
  padding: 20px 20px !important;
}
#faqAccordian .card-header h2 button p {
  margin: 5px 0px 0px 0px !important;
}
#faqAccordian .card-header h2 button:hover, #faqAccordian .card-header h2 button:focus {
  background: #36437e !important;
  color: #fff !important;
  border-bottom: none !important;
}
#faqAccordian .card-header h2 button:hover:before, #faqAccordian .card-header h2 button:hover:after, #faqAccordian .card-header h2 button:focus:before, #faqAccordian .card-header h2 button:focus:after {
  color: #fff !important;
}
#faqAccordian .collapse.show {
  display: block;
  float: left;
  width: 100% !important;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0px 0px 5px 5px !important;
}
#faqAccordian .collapse.show .card-body p {
  margin: 0px 0px 10px 0px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/*FAQ*/
#divBuySellReport table tr th, #divBuySellReport table tr td {
  border-bottom: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
}

.swp-profile-form table tr th, .swp-profile-form table tr td {
  border-bottom: 1px solid #ddd !important;
  border-right: none !important;
}

span.d-none.d-lg-block {
  color: #fff !important;
}

button.btn.btn-faq-tab.btn-outline-secondary.active,
button.btn.btn-faq-tab.btn-outline-primary.active {
  background: #0e5e5e !important;
  color: #333 !important;
}

button.btn.btn-primary {
  background: #36437e !important;
}

/*offer*/
.smart-charts {
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  max-width: 95% !important;
  margin: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.smart-charts h2 {
  font-size: 28px !important;
  margin-bottom: 20px !important;
  text-align: center !important;
  margin: 0px 0px 30px 0px !important;
}
.smart-charts h2 span {
  color: #30b983 !important;
  font-size: 28px !important;
}
.smart-charts .smart-charts-content {
  display: block;
  float: left;
  width: 100%;
  margin: 0px 0px 10px 0px !important;
}
.smart-charts .smart-charts-content img {
  width: 35% !important;
  margin: 0px 0px 20px 0px !important;
}
.smart-charts .smart-charts-content p {
  line-height: 1.6 !important;
  width: 100% !important;
  margin: 0 auto 20px auto !important;
  float: none !important;
}
.smart-charts .smart-charts-content .offer-button {
  display: inline-block;
  padding: 12px 24px;
  background: #36437e !important;
  color: #fff !important;
  text-decoration: none;
  font-size: 18px;
  border-radius: 8px;
  transition: background-color 0.3s;
}
.smart-charts .smart-charts-content .offer-button:hover {
  background: #2e4cd4 !important;
}
.smart-charts .smart-charts-content h2 {
  font-size: 22px !important;
  margin: 0px 0px 10px 0px !important;
  color: #36437e !important;
}
.smart-charts .smart-charts-content h2 img {
  width: 35px !important;
}
.smart-charts .smart-charts-content h4 {
  font-size: 16px !important;
  margin: 0px 0px 10px 0px !important;
  background: #efefef !important;
  padding: 10px !important;
  border-radius: 5px !important;
  line-height: 1.5 !important;
}
.smart-charts .smart-charts-content ul {
  display: block;
  float: left;
  width: 100% !important;
}
.smart-charts .smart-charts-content ul li {
  display: block !important;
  float: left;
  width: calc(100% - 0px) !important;
  list-style: disc !important;
  margin: 0px 0px 5px 0px !important;
  text-indent: -10px !important;
  padding-left: 20px;
}
.smart-charts .smart-charts-content ul li i {
  color: #36437e !important;
  margin: 0px 5px 0px 0px !important;
}
.smart-charts .smart-charts-content:hover {
  display: block;
  float: left;
  width: 100% !important;
}
.smart-charts .smart-charts-content .subscription-details {
  display: block;
  float: left;
  width: calc(100% - 30px) !important;
  border-top: 1px dashed #aaa !important;
  margin: 20px 0px 0px 0px !important;
}
.smart-charts .smart-charts-content .subscription-details .price {
  display: block;
  float: left !important;
  width: auto !important;
  margin: 10px 0px 10px 0px !important;
  padding: 20px 20px !important;
  border-right: 1px dashed #aaa !important;
}
.smart-charts .smart-charts-content .subscription-details .price h5 {
  font-size: 20px !important;
  color: #36437e !important;
}
.smart-charts .smart-charts-content .subscription-details .price p {
  font-size: 14px !important;
  margin: 0px 0px 10px 0px !important;
  color: #333 !important;
}
.smart-charts .smart-charts-content .subscription-details #discountText {
  display: block;
  float: left !important;
  background: red;
  width: 70px;
  height: 70px;
  position: relative;
  margin: 20px 20px 20px 20px;
  font-weight: bold !important;
  padding: 10px 10px !important;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.smart-charts .smart-charts-content .subscription-details #discountText:before {
  transform: rotate(30deg);
}
.smart-charts .smart-charts-content .subscription-details #discountText:after {
  transform: rotate(60deg);
}
.smart-charts .smart-charts-content .subscription-details #discountText:before, .smart-charts .smart-charts-content .subscription-details #discountText:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 70px;
  width: 70px;
  background: red;
}
.smart-charts .smart-charts-content .subscription-details #discountText p {
  display: inline;
  float: left !important;
  font-size: 24px !important;
  font-weight: bold !important;
  color: #fff !important;
  line-height: 1.2 !important;
  position: absolute;
  left: 0px !important;
  z-index: 99999;
  transform: rotate(-30deg);
}
.smart-charts .smart-charts-content .subscription-details .swp-subscription {
  padding: 0px !important;
  margin: 0px !important;
  border: none !important;
}
.smart-charts .smart-charts-content .subscription-details .swp-subscription .view-more a {
  background: #36437e !important;
}
.smart-charts .smart-charts-content .subscription-details:hover .discount {
  transform: scale(1.1) !important;
}
.smart-charts .smart-chart-img {
  display: block;
  float: left;
  width: 100%;
  margin: 50px 0px 10px 0px !important;
  overflow: hidden !important;
  /* Popup container (hidden by default) */
  /* Popup image */
  /* Close button */
  /* Zoom animation */
}
.smart-charts .smart-chart-img img {
  width: 100% !important;
  margin: 0px auto 20px auto !important;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.smart-charts .smart-chart-img .popup {
  display: none; /* hidden initially */
  position: fixed;
  z-index: 9999;
  padding-top: 60px;
  left: 0;
  top: 0px !important;
  width: 100% !important;
  height: 100%;
  overflow: auto; /* scroll if needed */
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999999999 !important;
}
.smart-charts .smart-chart-img .popup-content {
  margin: auto;
  display: block;
  max-width: 75%;
  max-height: 100%;
  animation: zoom 0.3s;
}
.smart-charts .smart-chart-img .close {
  position: absolute;
  top: 20px;
  right: 35px;
  color: #fff;
  font-size: 40px !important;
  font-weight: bold;
  cursor: pointer;
  z-index: 9999999 !important;
}
@keyframes zoom {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}

/*offer*/
/*widget*/
#smartcharts {
  display: block;
  float: left;
  width: 100% !important;
  padding: 15px 15px !important;
  overflow-x: hidden !important;
}
#smartcharts .widget-title {
  display: none !important;
}
#smartcharts .widget-body .smart-charts-content img {
  width: 70% !important;
}
#smartcharts .widget-body .smart-charts-content h4 {
  margin: 20px 0px 20px 0px !important;
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 1.4 !important;
}
#smartcharts .widget-body .smart-charts-content ul {
  display: block;
  float: left;
  width: 100% !important;
  background: transparent !important;
  height: auto !important;
  position: static !important;
  text-align: left !important;
  border: none !important;
}
#smartcharts .widget-body .smart-charts-content ul li {
  display: block;
  float: left;
  width: 100% !important;
  font-size: 14px !important;
  margin: 0px 0px 10px 0px !important;
  border: none !important;
}
#smartcharts .widget-body .smart-charts-content .subscription-details {
  display: block;
  float: left;
  width: 100% !important;
  border-top: 1px dashed #aaa !important;
  margin: 20px 0px 0px 0px !important;
}
#smartcharts .widget-body .smart-charts-content .subscription-details .price {
  display: block;
  float: left !important;
  width: auto !important;
  margin: 10px 0px 10px 0px !important;
  padding: 20px 20px !important;
}
#smartcharts .widget-body .smart-charts-content .subscription-details .price h5 {
  font-size: 20px !important;
  color: #36437e !important;
}
#smartcharts .widget-body .smart-charts-content .subscription-details .price p {
  font-size: 14px !important;
  margin: 0px 0px 10px 0px !important;
  color: #333 !important;
}
#smartcharts .widget-body .smart-charts-content .subscription-details #discountText {
  display: block;
  float: left !important;
  background: red;
  width: 70px;
  height: 70px;
  position: relative;
  margin: 20px 20px 20px 20px;
  font-weight: bold !important;
  padding: 10px 10px !important;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#smartcharts .widget-body .smart-charts-content .subscription-details #discountText:before {
  transform: rotate(30deg);
}
#smartcharts .widget-body .smart-charts-content .subscription-details #discountText:after {
  transform: rotate(60deg);
}
#smartcharts .widget-body .smart-charts-content .subscription-details #discountText:before, #smartcharts .widget-body .smart-charts-content .subscription-details #discountText:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 70px;
  width: 70px;
  background: red;
}
#smartcharts .widget-body .smart-charts-content .subscription-details #discountText p {
  display: inline;
  float: left !important;
  font-size: 24px !important;
  font-weight: bold !important;
  color: #fff !important;
  line-height: 1.2 !important;
  position: absolute;
  left: 0px !important;
  z-index: 99999;
  transform: rotate(-30deg);
}
#smartcharts .widget-body .smart-charts-content .subscription-details .swp-subscription {
  padding: 0px !important;
  margin: 0px !important;
  border: none !important;
}
#smartcharts .widget-body .smart-charts-content .subscription-details .swp-subscription .view-more a {
  background: #36437e !important;
  border-radius: 5px;
}
#smartcharts .widget-body .smart-charts-content .subscription-details:hover .discount {
  transform: scale(1.1) !important;
}

/*widget*/
/*responsive*/
@media (min-width: 767px) {
  .exo-menu > li > a {
    display: block;
    padding: 20px 22px;
  }
  .mega-menu {
    position: absolute;
  }
  .flyout-mega-wrap {
    position: absolute;
  }
  .Images {
    position: absolute;
  }
  .Blog {
    position: absolute;
  }
  .flyout-right > ul {
    position: absolute;
    left: 100%;
  }
  .flyout-left > ul {
    position: absolute;
    right: 100%;
  }
  li.drop-down > ul {
    position: absolute;
  }
}
@media (max-width: 767px) {
  .exo-menu {
    min-height: 58px;
    background-color: #23364B;
    width: 100%;
  }
  .exo-menu > li {
    width: 100%;
  }
  .exo-menu > li > a {
    width: 100%;
    display: none;
  }
  .display.exo-menu > li > a {
    display: block;
    padding: 20px 22px;
  }
  .mega-menu {
    position: relative;
  }
  .Images {
    position: relative;
  }
  .Blog {
    position: relative;
  }
  .flyout-right > ul {
    position: relative;
  }
  .flyout-left > ul {
    position: relative;
  }
  li.drop-down > ul {
    position: relative;
  }
}
@media screen and (max-height: 450px) {
  .sidebar {
    padding-top: 15px;
  }
  .sidebar a {
    font-size: 18px;
  }
}
@media screen and (min-width: 1501px) and (max-width: 8000px) {
  #wrapper {
    width: 96% !important;
    margin: 0 auto !important;
  }
  #gainers, #losers, #turnover, #sharestraded, #transactions {
    overflow: auto !important;
  }
  .dashboard-section #wrapper {
    width: 78% !important;
    margin: 0 auto !important;
  }
  .stock-block {
    height: 125px !important;
  }
  .stock-block ul li:last-child {
    margin-right: 0px !important;
    margin-left: 12px !important;
    border-left: 1px solid #555 !important;
    padding-left: 10px;
    line-height: 17px;
    margin-top: 2px;
    margin-left: 10px !important;
    display: block;
    float: left;
    width: 100% !important;
    text-align: left;
    margin: -10px 0px 10px 0px !important;
    border-left: none !important;
    padding: 0px !important;
  }
  header.top-header.smaller .header-right-section #mainNav {
    transition: all 0.5s ease-in-out !important;
    position: absolute !important;
    right: 0% !important;
  }
  header.top-header.smaller #divHeaderSearchBox span.select2-dropdown.select2-dropdown--below {
    width: 28% !important;
    top: -51px !important;
    left: 0px !important;
    border-radius: 0px !important;
  }
  .col-five {
    display: block;
    float: left;
    width: 25% !important;
    flex: 0 0 25% !important;
    max-width: 25%;
  }
  body.dashboard-auto-select span.select2-dropdown.select2-dropdown--below {
    width: 34% !important;
    top: 0px !important;
  }
  body.dashboard-auto-select span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--above {
    width: 35% !important;
  }
  body.dashboard-auto-select span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
    width: 35% !important;
  }
  #divHeaderSearchBox span.select2-dropdown.select2-dropdown--below {
    width: 28% !important;
    top: -51px !important;
    left: 0px !important;
    width: 28% !important;
    top: -51px !important;
    left: 0px !important;
    border-radius: 0px !important;
  }
  .indices-section.section-title.top-indices #divIndexSubIndexChart .stock-performance {
    margin: 5px 0px 25px 0px !important;
  }
  #div-index-summary .indices-inside-section .indices.turnover {
    height: 64px !important;
    padding: 0px 0px 0px 0px !important;
  }
  .p-transaction-rec .po-details.sh-details {
    border: none !important;
    padding: 10px 0px !important;
    margin: 0px !important;
  }
  #bbo-padding .po-details.sh-details #tabs {
    margin-bottom: 0px !important;
  }
  .ac-vertical-tabs #marketmover .widget-body .mm-fixed-height {
    height: 29vh !important;
  }
  .ac-vertical-tabs #dividend .widget-body .dividend-fixed-height {
    height: 45vh !important;
  }
  .main-chart-section .collapse.width.show {
    width: 420px !important;
    max-width: 420px !important;
    min-width: 420px !important;
  }
  .main-chart-section .ac-vertical-tabs ul {
    width: 70px !important;
  }
  .main-chart-section .ac-vertical-tabs ul li a {
    float: none !important;
    width: 85% !important;
    margin: 0 auto 5px auto !important;
  }
  .main-chart-section #watchlist .refresh-btn {
    right: 80px !important;
  }
  .main-chart-section #latestnews .refresh-btn {
    right: 80px !important;
  }
  .main-chart-section #financial .refresh-btn {
    right: 80px !important;
  }
  .main-chart-section #dividend .refresh-btn {
    right: 80px !important;
    position: fixed !important;
    right: 80px !important;
    top: 60px !important;
    cursor: pointer;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-dialog {
    max-width: 60% !important;
  }
  .advanced-screener-data .tab-pane form .form-check {
    width: 25% !important;
  }
  span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--above {
    width: 30% !important;
  }
  span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
    width: 30% !important;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1500px) {
  #wrapper {
    width: 90% !important;
    margin: 0 auto !important;
  }
  #gainers, #losers, #turnover, #sharestraded, #transactions {
    overflow: auto !important;
  }
  .dashboard-section #wrapper {
    width: 80% !important;
    margin: 0 auto !important;
  }
  .stock-block ul li:last-child {
    margin-right: 0px !important;
    margin-left: 12px !important;
    border-left: 1px solid #555 !important;
    padding-left: 10px;
    line-height: 17px;
    margin-top: 2px;
    margin-left: 15px !important;
  }
  header.top-header.smaller .header-right-section #mainNav {
    transition: all 0.5s ease-in-out !important;
    position: absolute !important;
    right: 12% !important;
  }
  header.top-header.smaller .nav-fixed ul li label.fa.fa-search.search-icon {
    left: 25% !important;
    position: absolute !important;
  }
  .col-five {
    display: block;
    float: left;
    width: 25% !important;
    flex: 0 0 25% !important;
    max-width: 25%;
  }
  .form-group label {
    font-size: 12px !important;
  }
  span.select2-dropdown.select2-dropdown--below {
    width: 28.7% !important;
    top: 0px !important;
    width: 26% !important;
  }
  .indices-section.section-title.top-indices #divIndexSubIndexChart .stock-performance {
    margin: 5px 0px 25px 0px !important;
  }
  #div-index-summary .indices-inside-section .indices.turnover {
    height: 60px !important;
    padding: 0px 0px 0px 0px !important;
  }
  .p-transaction-rec .po-details.sh-details {
    border: none !important;
    padding: 10px 0px !important;
    margin: 0px !important;
  }
  #bbo-padding .po-details.sh-details #tabs {
    margin-bottom: 0px !important;
  }
  .ac-vertical-tabs #marketmover .widget-body .mm-fixed-height {
    height: 28vh !important;
  }
  .main-chart-section .collapse.width.show {
    width: 420px !important;
    max-width: 420px !important;
    min-width: 420px !important;
  }
  .main-chart-section .ac-vertical-tabs ul {
    width: 70px !important;
  }
  .main-chart-section .ac-vertical-tabs ul li a {
    float: none !important;
    width: 85% !important;
    margin: 0 auto 5px auto !important;
  }
  .main-chart-section #watchlist .refresh-btn {
    right: 80px !important;
  }
  .main-chart-section #latestnews .refresh-btn {
    right: 80px !important;
  }
  .main-chart-section #financial .refresh-btn {
    right: 80px !important;
  }
  .main-chart-section #dividend .refresh-btn {
    right: 80px !important;
    position: fixed !important;
    right: 80px !important;
    top: 60px !important;
    cursor: pointer;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-dialog {
    max-width: 70% !important;
  }
  .advanced-screener-data .tab-pane form .form-check {
    width: 33.33% !important;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  #wrapper {
    width: 94% !important;
    margin: 0 auto !important;
  }
  ul.navbar-nav.ml-auto ul.navbar-nav.ml-auto {
    padding: 10px 0px !important;
  }
  .breadcrumb-section {
    padding: 90px 0px 15px 0px !important;
  }
  #DataTables_Table_0_wrapper table.table-alt.table-mf.dataTable.no-footer {
    width: 1000px !important;
    max-width: 1000px !important;
    overflow: scroll !important;
  }
  #DataTables_Table_0_wrapper table.table-alt.table-mf.dataTable.no-footer tr td a.tooltip-button {
    left: 50px !important;
  }
  .col-xs-7ths.fuller.r-padder {
    width: 25% !important;
    margin-bottom: 10px;
  }
  .main-section.login-main-section:before {
    content: "";
    width: 40.3% !important;
    height: 100vh !important;
    position: absolute;
  }
  div#slider-top {
    top: 135px !important;
  }
  #adminlogin .main-section .main-login-form {
    width: 100% !important;
  }
  #tblIndexSubIndexSummary_wrapper {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    width: 100% !important;
  }
  #tblIndexSubIndexSummary_wrapper #tblIndexSubIndexSummary {
    display: block;
    float: left;
    width: 1320px !important;
    overflow: hidden !important;
  }
  #tblIndexSubIndexSummary_wrapper {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    width: 100% !important;
  }
  #tblIndexSubIndexSummary_wrapper #tblIndexSubIndexSummary {
    display: block;
    float: left;
    width: 1320px !important;
    overflow: hidden !important;
  }
  #index-summary {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    width: 100% !important;
  }
  #index-summary .indices-inside-section {
    width: auto !important;
  }
  #index-summary .indices-inside-section #tblIndexSubIndexSummary {
    display: block;
    float: left;
    width: 1240px !important;
    overflow: hidden !important;
  }
  table.table-alt tr th {
    padding: 8px 0px 8px 5px !important;
  }
  table.table-alt tr td {
    padding: 8px 0px 8px 5px !important;
  }
  .header-right-section #mainNav .nav-item .dropdown-menu.alert {
    max-height: 85vh !important;
  }
  #loader img {
    left: 45% !important;
    left: 30% !important;
  }
  header.smaller .header-right-section nav#mainNav {
    float: right !important;
    transition: all 0.5s ease-in-out !important;
    position: absolute !important;
    right: 6% !important;
  }
  .co-navigation ul li a {
    padding: 12px 15px 12px 0px !important;
    font-size: 14px !important;
  }
  #new-section {
    height: 427px !important;
  }
  .date-view p {
    display: block;
    float: left;
    width: 100% !important;
  }
  .grid-sizer {
    display: block;
    float: left;
    width: 25% !important;
  }
  .grid-item {
    display: block;
    float: left;
    width: 25% !important;
    display: block;
    float: left;
    width: 20% !important;
  }
  #divFullStockWatch .grid-sizer {
    display: block;
    float: left;
    width: 20% !important;
  }
  .indices.turnover {
    height: 60px !important;
  }
  .stock-block {
    height: 125px !important;
  }
  .stock-block ul li {
    margin-right: 6px !important;
  }
  .stock-block ul li:last-child {
    display: block;
    float: left;
    width: 100% !important;
    text-align: left;
    margin: -10px 0px 10px 0px !important;
  }
  .alphaFilter li a {
    margin-right: 8px !important;
  }
  #co-news #new-section {
    height: 275px !important;
    overflow: scroll !important;
  }
  .md-floorsheet h2 {
    font-size: 13px !important;
  }
  .bid-request table tr td p {
    font-size: 12px !important;
  }
  .vertical-tab {
    padding: 20px 10px !important;
  }
  ul#myTab {
    display: block;
    float: left;
    width: 100% !important;
  }
  #b-stock {
    padding: 15px !important;
  }
  .investment-main {
    overflow: scroll !important;
  }
  .indices-inside-section {
    overflow: scroll !important;
  }
  .tab-pane {
    overflow-y: scroll !important;
  }
  .fs-table-details {
    overflow: scroll !important;
  }
  #div-index-summary .indices-inside-section {
    overflow: hidden !important;
  }
  .newsletter-section .tabbable #mytabs .tab-pane {
    overflow: visible !important;
  }
  header .logo a {
    height: 65px;
  }
  #com-summary .indices-inside-section {
    overflow: visible !important;
  }
  .sa-section {
    margin-bottom: 20px !important;
  }
  #calender {
    overflow: visible !important;
  }
  #mo-tree-map #sw-performance {
    margin-top: 0px !important;
    padding: 0px 10px 0px 20px !important;
  }
  #mo-tree-map .indices.nepse-performance.sub-indices-performance .history-data.tree-map {
    height: 862px !important;
  }
  #mo-tree-map .indices.nepse-performance.sub-indices-performance .history-data.tree-map #treemap .aspect16-9wrap {
    height: 800px !important;
  }
  #portfolio-summary .col-xs-7ths {
    margin-bottom: 20px !important;
  }
  .sm-table {
    overflow: scroll !important;
  }
  .sm-table table.table {
    overflow-x: scroll;
    width: auto !important;
  }
  .lg-table {
    overflow: scroll !important;
    display: block;
    float: left;
    width: 100% !important;
  }
  .lg-table table.table {
    overflow-x: scroll;
  }
  .wl-table {
    overflow: scroll !important;
  }
  .wl-table table.table {
    overflow-x: scroll;
    width: 100% !important;
  }
  .tr-form-section.data-row .form-group label {
    font-size: 12px !important;
  }
  .p-transaction-rec .po-details.sh-details {
    border: none !important;
    padding: 10px 0px !important;
    margin: 0px !important;
  }
  #bbo-padding .po-details.sh-details #tabs {
    margin-bottom: 0px !important;
  }
  #bbo-padding .filter-option .button form .ui-group {
    margin: -89px 0px 0px 0px !important;
  }
  .co-table {
    overflow: scroll !important;
  }
  .co-table table.table {
    overflow-x: scroll;
    width: 100% !important;
  }
  .broker-list.price-history {
    overflow: scroll !important;
  }
  .broker-list.price-history table.table.table-striped.table-bordered {
    overflow-x: scroll;
    width: 100% !important;
  }
  .mo-table {
    overflow: scroll !important;
  }
  .mo-table table.table {
    overflow-x: scroll;
    width: 100% !important;
  }
  .res-table {
    overflow: scroll !important;
  }
  .res-table table.table-xl {
    overflow-x: scroll;
  }
  .mwr-section .dq-details table tbody tr td span.plus:before {
    top: 55px;
  }
  #mol-new {
    height: 380px !important;
  }
  .dashboard-design .dashboard-form form {
    width: 50% !important;
    float: none !important;
    margin: 0 auto 20px !important;
  }
  .dashboard-design .dashboard-form form .form-group {
    float: none;
    box-shadow: none !important;
    border: none !important;
    width: 100% !important;
    padding: 0px !important;
    margin-right: 0px !important;
  }
  .dashboard-design .dashboard-icon-list {
    width: 50% !important;
    float: none !important;
    margin: 0 auto 20px !important;
  }
  .dashboard-quicklinks {
    width: 70% !important;
  }
  .validation-summary-errors {
    left: -48.4% !important;
  }
  .form-group label {
    font-size: 12px !important;
  }
  body.company-page span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--above {
    width: 24% !important;
  }
  body.company-page span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
    width: 24% !important;
  }
  body.dashboard-auto-select span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--above {
    width: 46% !important;
  }
  body.dashboard-auto-select span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
    width: 46% !important;
  }
  .choose-company {
    width: 60% !important;
  }
  .table-sortable thead tr th[data-sort]:before {
    right: 0px !important;
    top: 0px !important;
  }
  .table-sortable thead tr th[data-sort]:after {
    right: 0px !important;
    top: 0px !important;
  }
  .table-sortable thead tr .sorting:before {
    right: 0px !important;
    top: 0px !important;
  }
  .table-sortable thead tr .sorting:after {
    right: 0px !important;
    top: 0px !important;
  }
  .table-sortable thead tr .sorting_asc:before {
    right: 0px !important;
    top: 0px !important;
  }
  .table-sortable thead tr .sorting_asc:after {
    right: 0px !important;
    top: 0px !important;
  }
  .table-sortable thead tr .sorting_desc:before {
    right: 0px !important;
    top: 0px !important;
  }
  .table-sortable thead tr .sorting_desc:after {
    right: 0px !important;
    top: 0px !important;
  }
  table.dataTable thead tr th[data-sort]:before {
    right: 0px !important;
    top: 0px !important;
  }
  table.dataTable thead tr th[data-sort]:after {
    right: 0px !important;
    top: 0px !important;
  }
  table.dataTable thead tr .sorting:before {
    right: 0px !important;
    top: 0px !important;
  }
  table.dataTable thead tr .sorting:after {
    right: 0px !important;
    top: 0px !important;
  }
  table.dataTable thead tr .sorting_asc:before {
    right: 0px !important;
    top: 0px !important;
  }
  table.dataTable thead tr .sorting_asc:after {
    right: 0px !important;
    top: 0px !important;
  }
  table.dataTable thead tr .sorting_desc:before {
    right: 0px !important;
    top: 0px !important;
  }
  table.dataTable thead tr .sorting_desc:after {
    right: 0px !important;
    top: 0px !important;
  }
  .main-login-form-wrap {
    width: 80% !important;
  }
  .main-login-form .main-login-form-wrap.main-reg-form-wrap {
    width: 100% !important;
  }
  .swp-testimonial {
    width: 74% !important;
  }
  .swp-testimonial-block {
    height: auto !important;
  }
  .trial {
    width: 114% !important;
  }
  .ac-vertical-tabs #marketmover .widget-body .mm-fixed-height {
    height: 25vh !important;
  }
  .ac-vertical-tabs #marketmover .widget-body .mm-fixed-height .view-more {
    margin: 60px 0px !important;
  }
  .as-sidebar {
    left: 3% !important;
    margin-left: 0px !important;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-dialog {
    max-width: 70% !important;
  }
  .advanced-screener-data .tab-pane form .form-check {
    width: 33.33% !important;
  }
  span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--above {
    width: 35% !important;
  }
  span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
    width: 35% !important;
  }
  body.advance-screener span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--above {
    width: 18% !important;
    left: -13px !important;
  }
  body.advance-screener span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
    width: 18% !important;
    left: -13px !important;
  }
  span.select2-dropdown.select2-dropdown--above {
    width: 41.3% !important;
    top: 0px !important;
  }
  span.select2-dropdown.select2-dropdown--below {
    width: 41.3% !important;
    top: 0px !important;
  }
  #piechart {
    overflow: visible !important;
  }
  .mf-home-section .choose-company {
    width: 60% !important;
  }
  .high-low-avg {
    width: 230px !important;
  }
  .high-low-avg .range {
    width: 100% !important;
  }
  .co-insiders .tabbable ul li {
    padding: 16px 9px !important;
  }
  .mo-marketmover #gainers,
  .mo-marketmover #losers,
  .mo-marketmover #turnover,
  .mo-marketmover #sharestraded,
  .mo-marketmover #transactions {
    overflow-y: hidden !important;
  }
  .market-mover-summary.scrollable-area.sticky-table.sticky-ltr-cells {
    overflow-y: hidden !important;
  }
  .market-mover-summary.scrollable-area.sticky-table.sticky-ltr-cells table.table-alt {
    width: 120% !important;
    max-width: 120% !important;
    overflow-y: hidden !important;
  }
  .resp-tabs-container .full-stock-data table.table-alt.no-footer.dataTable {
    width: 1400px !important;
    max-width: 1400px !important;
    overflow: scroll !important;
  }
  .full-stock-data.scrollable-area.sticky-table.sticky-ltr-cells table.table-alt {
    width: 1400px !important;
    max-width: 1250px !important;
    overflow: scroll !important;
  }
  #divIpoLockedInPeriod table.table-alt.table-export {
    width: 1400px !important;
    max-width: 1400px !important;
    overflow: scroll !important;
  }
  .market-mover-summary.scrollable-area.sticky-table.sticky-ltr-cells table.table-alt tr td a.tooltip-button i,
  table.table-alt tr td a.tooltip-button i,
  table#tblAllData tr td a.tooltip-button i,
  table#tblLiveTrading tr td a.tooltip-button i {
    font-size: 14px !important;
    z-index: 9999 !important;
    position: absolute;
    right: 0px !important;
  }
  #divHeaderSearchBox span.select2-selection.select2-selection--single {
    left: 10px !important;
  }
  aside.main-sidebar.sidebar-dark-primary.elevation-4 {
    z-index: 1 !important;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1360px) {
  .stock-block ul li {
    margin-bottom: 5px !important;
    margin-right: 15px !important;
  }
  .stock-block ul li:last-child {
    display: block;
    float: left;
    width: 100% !important;
    margin-left: 0px !important;
  }
  .as-section .h-data-search-section .daily-data form .form-group {
    width: 45% !important;
  }
  .daily-data form .form-group select#ddlStockFromMonthFilter {
    width: 46% !important;
  }
  .daily-data form .form-group select#ddlStockToMonthFilter {
    width: 46% !important;
  }
  .daily-data form .form-group select#ddlIndexFromMonthFilter {
    width: 46% !important;
  }
  .daily-data form .form-group select#ddlIndexToMonthFilter {
    width: 46% !important;
  }
  #bbo-padding .mwr-floorsheet.h-data .daily-data .form-group input {
    font-size: 12px !important;
  }
  #bbo-padding .mwr-floorsheet.h-data .daily-data .form-group select {
    font-size: 12px !important;
  }
  .choose-company {
    width: 60% !important;
  }
  .choose-company .form-group {
    width: 100% !important;
    margin: 0 auto;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  #wrapper {
    width: 94% !important;
    margin: 0 auto !important;
  }
  aside.main-sidebar.sidebar-dark-primary.elevation-4 {
    z-index: 1 !important;
  }
  body.sidebar-mini.layout-fixed.sidebar-collapse nav.main-header.navbar.navbar-expand.navbar-white.navbar-light {
    position: static !important;
  }
  body.sidebar-mini.layout-fixed nav.main-header.navbar.navbar-expand.navbar-white.navbar-light {
    position: static !important;
  }
  .broker-balance .bg-white.p-2.d-inline-block.rounded.mt-1.mr-4 {
    width: 90% !important;
    margin: 10px auto !important;
  }
  .search-section {
    position: static !important;
  }
  .search-section .search-box {
    width: 100% !important;
    left: 20px !important;
    top: 23px !important;
  }
  ul.navbar-nav.ml-auto ul.navbar-nav.ml-auto {
    padding: 15px 0px !important;
  }
  .breadcrumb-section {
    padding: 15px 0px 15px 0px !important;
  }
  #DataTables_Table_0_wrapper table.table-alt.table-mf.dataTable.no-footer {
    width: 1000px !important;
    max-width: 1000px !important;
    overflow: scroll !important;
  }
  #DataTables_Table_0_wrapper table.table-alt.table-mf.dataTable.no-footer tr td a.tooltip-button {
    left: 50px !important;
  }
  .footer-section #wrapper {
    width: 96% !important;
  }
  .col-xs-7ths.fuller.r-padder {
    width: 25% !important;
    margin-bottom: 10px;
  }
  .col-xs-7-co {
    width: 33% !important;
    margin-bottom: 10px !important;
  }
  .co-highlight .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
    margin-bottom: 10px !important;
  }
  .column-7.padder.fuller {
    width: 25% !important;
  }
  header.top-header {
    position: fixed !important;
    display: block;
    float: left;
    width: 100% !important;
  }
  header .logo a {
    margin-left: -50px !important;
  }
  header.top-header.smaller a {
    background-size: auto !important;
  }
  header.top-header.smaller .nav-fixed ul li label.fa.fa-search.search-icon {
    left: 0px !important;
  }
  .header-right-section ul li {
    padding: 0px 14px 0px 0px !important;
  }
  .navigation-section {
    display: block !important;
    border-top: 2px solid #ddd !important;
  }
  .navigation-main ul li.nav-item a {
    font-size: 15px !important;
  }
  .indices-section.section-title.top-indices {
    height: auto !important;
  }
  #main {
    height: auto !important;
  }
  .grid-sizer {
    display: block;
    float: left;
    width: 25% !important;
  }
  .grid-item {
    display: block;
    float: left;
    width: 25% !important;
  }
  .stock-block ul li {
    margin-bottom: 5px !important;
    margin-right: 15px !important;
  }
  .stock-block ul li:last-child {
    display: block;
    float: left;
    width: 100% !important;
    margin-left: 0px !important;
  }
  .a-z-stock-details .stock-block {
    height: 120px !important;
  }
  p.text-center.text-white {
    position: static !important;
  }
  .p-transaction-rec .po-details.sh-details {
    border: none !important;
    padding: 10px 0px !important;
    margin: 0px !important;
  }
  #bbo-padding .po-details.sh-details #tabs {
    margin-bottom: 0px !important;
  }
  #bbo-padding .filter-option .button form .ui-group {
    margin: -89px 0px 0px 0px !important;
  }
  .exo-menu > li > a {
    padding: 15px 2px !important;
    font-size: 14px !important;
  }
  .side-navigation ul li a:after {
    display: none !important;
  }
  .wl-table {
    overflow: scroll !important;
    overflow: scroll !important;
  }
  .wl-table table.table {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .nepse-announcement {
    overflow: scroll !important;
  }
  table.table {
    overflow-x: scroll;
    width: 1520px !important;
    overflow-x: scroll;
    width: 1200px !important;
  }
  .vertical-tab {
    padding: 20px 10px !important;
  }
  ul#myTab {
    display: block;
    float: left;
    width: 100% !important;
  }
  #b-stock {
    padding: 20px 0px !important;
  }
  .investment-main {
    overflow: scroll !important;
  }
  .indices-inside-section {
    overflow: scroll !important;
  }
  .tab-pane {
    overflow: scroll !important;
  }
  .fs-table-details {
    overflow: scroll !important;
  }
  .sa-section {
    margin-bottom: 20px !important;
  }
  #portfolio-summary .col-xs-7ths {
    width: 33.33% !important;
    margin-bottom: 20px !important;
  }
  .po-pl-report .sh-table {
    overflow: scroll !important;
    float: left !important;
    width: 100% !important;
    display: block !important;
  }
  .sm-table {
    overflow: scroll !important;
  }
  .sm-table table.table {
    overflow-x: scroll;
    width: auto !important;
  }
  .lg-table {
    overflow: scroll !important;
  }
  .lg-table table.table {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .shareholder-table {
    overflow: scroll !important;
  }
  .shareholder-table ul.title {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .shareholder-table ul.main-body {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .co-table {
    overflow: scroll !important;
  }
  .co-table table.table {
    overflow-x: scroll;
    width: 100% !important;
  }
  .broker-list.price-history {
    overflow: scroll !important;
  }
  .broker-list.price-history table.table.table-striped.table-bordered {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .mo-table {
    overflow: scroll !important;
  }
  .mo-table table.table {
    overflow-x: scroll;
    width: 100% !important;
  }
  .res-table {
    overflow: scroll !important;
  }
  .res-table table.table-xl {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .res-table table.table-lg {
    overflow-x: scroll;
    width: auto !important;
  }
  .dashboard-design .dashboard-form form {
    width: 70% !important;
    float: none !important;
    margin: 0 auto !important;
  }
  .dashboard-design .dashboard-icon-list {
    width: 70% !important;
    float: none !important;
    margin: 0 auto !important;
  }
  .dashboard-form form .form-group .form-group {
    width: 90% !important;
  }
  .dashboard-quicklinks {
    width: 90% !important;
  }
  #p-summary {
    min-height: auto !important;
  }
  #p-summary .view-more {
    bottom: 20px !important;
  }
  .tr-form-section.data-row .form-group label {
    font-size: 11px !important;
  }
  .main-login-form {
    padding: 0px 0px !important;
  }
  .main-login-form-wrap {
    width: 100% !important;
  }
  .login-form-left {
    width: 100% !important;
    height: 270px !important;
  }
  .login-left-bg ul li {
    background: none !important;
    padding-left: 0px !important;
  }
  .trial {
    width: 100% !important;
    margin-left: 0px !important;
  }
  #triangle-topright {
    display: none !important;
  }
  .main-login-form-wrap.main-reg-form-wrap .login-form-left .login-left-bg {
    padding: 10px 0px !important;
  }
  .main-login-form-wrap.main-reg-form-wrap #frmRegistration {
    width: 100% !important;
  }
  .main-login-form-wrap.main-reg-form-wrap .login-form-left.login-reg-form-left {
    width: 100% !important;
  }
  .main-reg-form-wrap .login-left-bg h1 {
    padding: 0px 10px !important;
  }
  .login-form-right {
    width: 100% !important;
  }
  .swp-testimonial {
    width: 100% !important;
  }
  .swp-testimonial-block {
    min-height: auto !important;
    width: 90% !important;
    float: none !important;
    margin: 0 auto !important;
  }
  .choose-company {
    width: 70% !important;
  }
  .choose-company .form-group {
    width: 100% !important;
    margin: 0 auto;
  }
  #stock-holding-movement .shm-button {
    text-align: left !important;
    margin-top: 10px !important;
  }
  .portfolio-overview .sh-table.lg-table {
    display: block;
    float: left;
    width: 100% !important;
  }
  .select2-container--default .select2-dropdown {
    width: 100% !important;
  }
  .co-navigation ul li a {
    padding: 10px 5px !important;
  }
  body.dashboard-auto-select span.select2-dropdown.select2-dropdown--below {
    width: 58% !important;
  }
  body.dashboard-auto-select span.select2-dropdown.select2-dropdown--above {
    width: 58% !important;
  }
  .table-sortable thead tr th[data-sort]:before {
    right: -5px !important;
    top: 0px !important;
  }
  .table-sortable thead tr th[data-sort]:after {
    right: -5px !important;
    top: 0px !important;
  }
  .table-sortable thead tr .sorting:before {
    right: -5px !important;
    top: 0px !important;
  }
  .table-sortable thead tr .sorting:after {
    right: -5px !important;
    top: 0px !important;
  }
  .table-sortable thead tr .sorting_asc:before {
    right: -5px !important;
    top: 0px !important;
  }
  .table-sortable thead tr .sorting_asc:after {
    right: -5px !important;
    top: 0px !important;
  }
  .table-sortable thead tr .sorting_desc:before {
    right: -5px !important;
    top: 0px !important;
  }
  .table-sortable thead tr .sorting_desc:after {
    right: -5px !important;
    top: 0px !important;
  }
  table.dataTable thead tr th[data-sort]:before {
    right: -5px !important;
    top: 0px !important;
  }
  table.dataTable thead tr th[data-sort]:after {
    right: -5px !important;
    top: 0px !important;
  }
  table.dataTable thead tr .sorting:before {
    right: -5px !important;
    top: 0px !important;
  }
  table.dataTable thead tr .sorting:after {
    right: -5px !important;
    top: 0px !important;
  }
  table.dataTable thead tr .sorting_asc:before {
    right: -5px !important;
    top: 0px !important;
  }
  table.dataTable thead tr .sorting_asc:after {
    right: -5px !important;
    top: 0px !important;
  }
  table.dataTable thead tr .sorting_desc:before {
    right: -5px !important;
    top: 0px !important;
  }
  table.dataTable thead tr .sorting_desc:after {
    right: -5px !important;
    top: 0px !important;
  }
  .resp-tabs-container .full-stock-data table.table-alt.no-footer.dataTable {
    width: 1400px !important;
    max-width: 1400px !important;
    overflow: scroll !important;
  }
  #divIpoLockedInPeriod table.table-alt.table-export {
    width: 1400px !important;
    max-width: 1400px !important;
    overflow: scroll !important;
  }
  #tblIndexSubIndexSummary_wrapper {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    width: 100% !important;
  }
  #tblIndexSubIndexSummary_wrapper #tblIndexSubIndexSummary {
    display: block;
    float: left;
    width: 1320px !important;
    overflow: hidden !important;
  }
  #index-summary {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    width: 100% !important;
  }
  #index-summary .indices-inside-section {
    width: auto !important;
  }
  #index-summary .indices-inside-section #tblIndexSubIndexSummary {
    display: block;
    float: left;
    width: 1160px !important;
    overflow: hidden !important;
  }
  .market-mover-summary.scrollable-area.sticky-table.sticky-ltr-cells table.table-alt {
    width: 150% !important;
    max-width: 150% !important;
    overflow-y: hidden !important;
  }
  .ac-vertical-tabs #marketmover .widget-body .mm-fixed-height {
    height: 25vh !important;
  }
  .ac-vertical-tabs #marketmover .widget-body .mm-fixed-height .view-more {
    margin: 60px 0px !important;
  }
  .advanced-screener-data .tab-pane form .form-check {
    width: 33.33% !important;
    width: 33.33% !important;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-dialog {
    max-width: 90% !important;
  }
  ul.co-quick-links li .button-4 {
    padding: 0px 0px !important;
  }
  #quick-search ul.co-quick-links li {
    margin: 0px 7px 0px 0px !important;
  }
  #divHeaderSearchBox span.select2-selection.select2-selection--single {
    width: 100% !important;
  }
  .main-section.login-main-section:before {
    position: absolute !important;
    height: 54.8vh !important;
    width: 100% !important;
  }
  #piechart {
    overflow: visible !important;
  }
  .mf-home-section .choose-company {
    width: 80% !important;
  }
  span.select2-dropdown.select2-dropdown--below {
    width: 50% !important;
  }
  span.select2-dropdown.select2-dropdown--above {
    width: 50% !important;
    width: 28% !important;
  }
  body.company-page span.select2-dropdown.select2-dropdown--below {
    width: 28% !important;
  }
  #divFullStockWatch .filter-option .select-field {
    width: 90% !important;
  }
}
@media screen and (min-width: 901px) and (max-width: 991px) {
  .chart-section button.navbar-toggler {
    display: none !important;
  }
  .chart-section .advanced-chart-section #navbarNavDropdown {
    display: block;
    float: left;
    width: 100% !important;
    padding: 0px 10px !important;
  }
  .chart-section .advanced-chart-section #navbarNavDropdown ul.navbar-nav {
    display: block !important;
    float: left !important;
    width: 100% !important;
  }
  .chart-section .advanced-chart-section #navbarNavDropdown ul li.nav-item {
    display: inline;
    float: left !important;
    width: 50% !important;
    padding: 0px 5px !important;
    border: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 900px) {
  .advanced-chart-section {
    display: none !important;
  }
  .col-md-2.order-last.col-1.pl-0.pr-0.collapse.show.width.border-left.sidebar.vh-100 {
    display: block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  #wrapper {
    width: 94% !important;
    margin: 0 auto !important;
  }
  .broker-balance .bg-white.p-2.d-inline-block.rounded.mt-1.mr-4 {
    width: 90% !important;
    margin: 10px auto 0px auto !important;
  }
  body.sidebar-mini.layout-fixed.sidebar-collapse nav.main-header.navbar.navbar-expand.navbar-white.navbar-light {
    position: static !important;
  }
  body.sidebar-mini.layout-fixed nav.main-header.navbar.navbar-expand.navbar-white.navbar-light {
    position: static !important;
  }
  .broker-balance .bg-white.p-2.d-inline-block.rounded.mt-1.mr-4 {
    width: 90% !important;
    margin: 10px auto !important;
  }
  .search-section {
    position: static !important;
  }
  .search-section .search-box {
    width: 100% !important;
    left: 20px !important;
    top: 23px !important;
  }
  ul.navbar-nav.ml-auto ul.navbar-nav.ml-auto {
    padding: 15px 0px !important;
  }
  .breadcrumb-section {
    padding: 15px 0px 15px 0px !important;
  }
  #DataTables_Table_0_wrapper table.table-alt.table-mf.dataTable.no-footer {
    width: 1000px !important;
    max-width: 1000px !important;
    overflow: scroll !important;
  }
  #DataTables_Table_0_wrapper table.table-alt.table-mf.dataTable.no-footer tr td a.tooltip-button {
    left: 50px !important;
  }
  .col-xs-7ths.fuller.r-padder {
    width: 25% !important;
    margin-bottom: 10px;
  }
  .co-highlight .col-sm-3.fuller {
    max-width: 33% !important;
    flex: 0 0 33% !important;
  }
  .co-highlight .co-highlight-block span span.ch-ltp {
    width: 100% !important;
  }
  .col-xs-7-co {
    width: 33% !important;
  }
  .column-7.padder.fuller {
    width: 25% !important;
  }
  .zero-padder {
    padding: 0px !important;
    margin-bottom: 0px !important;
  }
  .zero-padder input {
    width: 100% !important;
  }
  body.nav-open header.top-header .nav-fixed ul li nav.nav-container {
    width: 100% !important;
  }
  .header-right-section #mainNav .nav-item .dropdown-menu.alert {
    height: 490px !important;
  }
  .resp-tabs-container .full-stock-data table.table-alt.no-footer.dataTable {
    width: 1400px !important;
    max-width: 1400px !important;
    overflow: scroll !important;
  }
  #divIpoLockedInPeriod table.table-alt.table-export {
    width: 1400px !important;
    max-width: 1400px !important;
    overflow: scroll !important;
  }
  #divFullStockWatch .filter-option .select-field {
    width: 90% !important;
  }
  .co-title-section {
    margin: 40px 0px 20px 0px !important;
  }
  .co-title-section .search-box-alt .form-group input.companyautocomplete {
    margin-top: 0px !important;
    width: 100% !important;
    float: left !important;
  }
  .co-title-section .search-box-alt .form-group button {
    top: 0px !important;
  }
  .co-title-section ul {
    margin-top: 10px !important;
  }
  .company-sticky-title .alphaFilter.menu.sticky {
    display: none !important;
  }
  #quick-search {
    display: none !important;
  }
  #quick-search .indices-section-body .co-quick-links {
    padding: 5px 5px !important;
  }
  #quick-search .title-pattern1 h2 {
    display: none !important;
  }
  #divHeaderSearchBox span.select2-selection.select2-selection--single {
    width: 100% !important;
    float: left;
    padding: 10px !important;
    position: absolute;
    left: 0px !important;
    top: -36px !important;
    background: #fff !important;
    border: none !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 60px;
    height: 60px;
    position: absolute;
    top: -25px;
    right: -4px;
    font-size: 25px !important;
    background-color: transparent !important;
  }
  .select2-container--default .select2-dropdown {
    width: 100% !important;
  }
  body.company-page .co-title-section .company-search {
    display: none !important;
  }
  span.select2-dropdown.select2-dropdown--below {
    width: 50% !important;
    width: 70% !important;
    top: 20px !important;
  }
  span.select2-dropdown.select2-dropdown--above {
    width: 50% !important;
    width: 70% !important;
    top: 20px !important;
  }
  p.text-center.text-white {
    position: static !important;
  }
  .header {
    height: auto !important;
  }
  header.top-header {
    position: static !important;
    display: block;
    float: left;
    width: 100% !important;
  }
  header.top-header .nav-fixed {
    height: 60px !important;
    background: #fff !important;
  }
  header.top-header .nav-fixed ul li a.nav-trigger {
    border-right: none !important;
    left: 20px !important;
  }
  header.top-header .nav-fixed ul li:first-child {
    display: block !important;
  }
  header.top-header .nav-fixed ul li label.fa.fa-search.search-icon {
    left: 15% !important;
    position: absolute !important;
    margin-left: 0px !important;
  }
  header.top-header .header-right-section {
    padding: 0px 10px 5px 10px !important;
  }
  .header-main {
    height: auto !important;
  }
  .header-main .col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12.fuller.padder {
    padding: 0px !important;
  }
  .header-main .search-section .search-box {
    top: -120px !important;
  }
  header.top-header.smaller {
    display: block !important;
  }
  header.top-header.smaller a.nav-trigger.wow.slideInLeft.animated {
    display: none !important;
  }
  header.top-header.smaller .nav-fixed ul li:first-child {
    display: block !important;
  }
  #navigation img {
    left: 35% !important;
  }
  .breadcrumb-section {
    padding: 10px 0px 20px 0px !important;
  }
  .logo {
    margin-top: -55px !important;
  }
  label.fa.fa-search.search-icon {
    float: right !important;
    position: absolute;
    z-index: 9999 !important;
    right: 40px !important;
    margin: 0px !important;
    display: block;
    float: right;
    text-align: right !important;
  }
  .share-section {
    text-align: left !important;
    margin-top: 20px !important;
  }
  .share-section a {
    margin: 0px 5px 0px 0px !important;
  }
  #tag-search:checked + div.search-box {
    width: 33% !important;
    margin: 0px !important;
  }
  .nav-fixed {
    display: block;
    float: left;
    width: 100% !important;
    background: #f4f4f4 !important;
  }
  ul.navbar-nav.ml-auto {
    display: block;
    float: left;
    width: 100%;
  }
  .indices-section.section-title.top-indices {
    height: auto !important;
  }
  #main {
    height: auto !important;
  }
  .fear-seaction {
    min-height: auto !important;
  }
  ul.co-quick-links li .button-4 {
    padding: 0px 0px !important;
  }
  .altman-wrap-title ul li a {
    padding: 10px 10px !important;
  }
  .footer .quick-links ul li:after {
    display: none !important;
  }
  .powered-by {
    float: left !important;
  }
  .grid-sizer {
    display: block;
    float: left;
    width: 33.33% !important;
  }
  .grid-item {
    display: block;
    float: left;
    width: 33.33% !important;
  }
  .col-xs-5ths {
    display: block;
    float: left;
    width: 25% !important;
  }
  .stock-block ul li {
    margin-bottom: 5px !important;
    margin-right: 15px !important;
  }
  .stock-block ul li:last-child {
    display: block;
    float: left;
    width: 100% !important;
    margin-left: 0px !important;
  }
  .a-z-stock-details .stock-block {
    height: 120px !important;
  }
  #myTabContent #b-stock {
    height: auto !important;
  }
  .investment-opportunities-main {
    margin-bottom: 20px !important;
  }
  .co-highlight-block {
    margin-bottom: 20px !important;
  }
  .pod-left {
    height: auto !important;
    margin-bottom: 20px !important;
  }
  .pod-right {
    height: auto !important;
  }
  .gs-section {
    margin-bottom: 20px !important;
  }
  .shd-left {
    margin-bottom: 20px !important;
  }
  .sh-table {
    overflow: scroll !important;
  }
  .po-pl-report .sh-table {
    overflow: scroll !important;
    float: left !important;
    width: 100% !important;
    display: block !important;
  }
  table.table {
    overflow-x: scroll;
    width: 1200px !important;
    overflow-x: scroll;
    width: 1200px !important;
  }
  #portfolio-summary .col-xs-7ths {
    width: 33.33% !important;
  }
  .portfolio-overview .sh-table.lg-table {
    display: block;
    float: left;
    width: 100% !important;
  }
  .p-transaction-rec .po-details.sh-details {
    border: none !important;
    padding: 10px 0px !important;
    margin: 0px !important;
  }
  #bbo-padding .po-details.sh-details #tabs {
    margin-bottom: 0px !important;
  }
  #bbo-padding .filter-option .button form .ui-group {
    margin: 0px 0px 0px 0px !important;
  }
  .co-insiders .indices-section-body {
    overflow-x: scroll;
    width: 100% !important;
  }
  .co-insiders .indices-section-body table.table {
    overflow-x: scroll;
    width: 780px !important;
  }
  .indices-section-body {
    overflow-x: scroll;
    width: 100% !important;
  }
  .vertical-tab {
    padding: 20px 10px !important;
  }
  ul#myTab {
    display: block;
    float: left;
    width: 100% !important;
  }
  #b-stock {
    padding: 20px 0px !important;
  }
  .investment-main {
    overflow: scroll !important;
  }
  .indices-inside-section {
    overflow: scroll !important;
  }
  .tab-pane {
    overflow: scroll !important;
  }
  .fs-table-details {
    overflow: scroll !important;
  }
  .sa-section {
    margin-bottom: 20px !important;
  }
  .sm-table {
    overflow: scroll !important;
  }
  .sm-table table.table {
    overflow-x: scroll;
    width: auto !important;
  }
  .lg-table {
    overflow: scroll !important;
  }
  .lg-table table.table {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .wl-table {
    overflow: scroll !important;
  }
  .wl-table table.table {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .transaction-history-details {
    overflow: scroll !important;
  }
  .transaction-history-details .thd-title {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .transaction-history-details #accordionExample {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .shareholder-table {
    overflow: scroll !important;
  }
  .shareholder-table ul.title {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .shareholder-table ul.main-body {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .co-table {
    overflow: scroll !important;
  }
  .co-table table.table {
    overflow-x: scroll;
    width: 100% !important;
  }
  .broker-list.price-history {
    overflow: scroll !important;
  }
  .broker-list.price-history table.table.table-striped.table-bordered {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .co-news .broker-search-form select {
    margin-bottom: 10px !important;
  }
  .mo-table {
    overflow: scroll !important;
  }
  .mo-table table.table {
    overflow-x: scroll;
    width: 100% !important;
  }
  .res-table {
    overflow: scroll !important;
  }
  .res-table table.table-xl {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .res-table table.table-lg {
    overflow-x: scroll;
    width: 100% !important;
  }
  .login-form-right {
    width: 100% !important;
  }
  .main-login-form {
    padding: 0px 0px !important;
  }
  .main-login-form-wrap {
    width: 100% !important;
  }
  .login-form-left {
    width: 100% !important;
    height: 250px !important;
  }
  .login-left-bg ul li {
    background: none !important;
    padding-left: 0px !important;
  }
  .login-left-bg p {
    left: 20px !important;
  }
  .login-left-bg span {
    left: 20px !important;
  }
  .text-danger.validation-summary-errors {
    display: block;
    float: left;
    width: calc(100% - 40px) !important;
    top: -18% !important;
    left: 20px;
  }
  .trial {
    margin-top: 0px !important;
    width: 100% !important;
    margin-left: 0px !important;
  }
  #triangle-topright {
    display: none !important;
  }
  .main-login-form-wrap.main-reg-form-wrap .login-form-left .login-left-bg {
    padding: 0px 0px !important;
  }
  .main-login-form-wrap.main-reg-form-wrap #frmRegistration {
    width: 100% !important;
  }
  .main-login-form-wrap.main-reg-form-wrap .login-form-left.login-reg-form-left {
    width: 100% !important;
  }
  .main-reg-form-wrap .login-left-bg h1 {
    padding: 0px 10px !important;
  }
  .swp-testimonial {
    width: 100% !important;
  }
  .swp-testimonial-block {
    min-height: auto !important;
    width: 90% !important;
    float: none !important;
    margin: 0 auto !important;
  }
  .broker-list .histroy-data-hl {
    float: right !important;
  }
  .broker-list .histroy-data-hl p.high {
    margin: 10px 10px 0px 0px !important;
    padding: 0px !important;
  }
  .broker-list .histroy-data-hl p.low {
    margin: 10px 10px 0px 0px !important;
    padding: 0px !important;
  }
  input.companyautocomplete {
    position: absolute;
    left: 1% !important;
    width: 50% !important;
    top: -15px !important;
  }
  #add-trn-form .tr-form-section .form-group input {
    display: block;
    float: left;
    width: 100% !important;
  }
  #add-trn {
    display: block;
    float: left;
    width: 100% !important;
    background: #efefef !important;
    padding: 0px 20px !important;
  }
  #add-trn .form-group span {
    display: block;
    float: left;
    width: 100% !important;
    text-align: left !important;
    padding: 0px !important;
  }
  #add-trn .form-group input {
    display: block;
    float: left;
    width: 100% !important;
  }
  .payment-gateway .col-xs-5th {
    width: 48% !important;
    margin-bottom: 20px !important;
  }
  .swp-profile {
    width: 80% !important;
  }
  .dashboard-design .dashboard-logo img {
    width: 50% !important;
  }
  .dashboard-design .dashboard-form form {
    width: 80% !important;
    width: 80% !important;
    float: none !important;
    float: none !important;
    margin: 0 auto !important;
    margin: 0 auto !important;
  }
  .dashboard-design .dashboard-icon-list {
    width: 80% !important;
    float: none !important;
    margin: 0 auto !important;
  }
  .dashboard-form form .form-group .form-group {
    width: 90% !important;
  }
  .dashboard-quicklinks {
    display: block;
    float: left;
    width: 100% !important;
    margin-bottom: 30px !important;
  }
  body.dashboard-auto-select span.select2-dropdown.select2-dropdown--below {
    width: 65% !important;
  }
  body.dashboard-auto-select span.select2-dropdown.select2-dropdown--above {
    width: 65% !important;
  }
  .col-xs-5-az {
    width: 50% !important;
  }
  .col-xs-5-az:nth-child(even) {
    padding-left: 10px !important;
  }
  .col-xs-5-az:nth-child(odd) {
    padding-right: 10px !important;
  }
  .stock-area-details .col-xs-5-az.fuller.padder {
    width: 33.33% !important;
    margin-bottom: 20px !important;
  }
  .choose-company {
    width: 100% !important;
  }
  .choose-company .form-group {
    width: 100% !important;
    margin: 0 auto;
  }
  #stock-holding-movement .shm-button {
    text-align: left !important;
    margin-top: 10px !important;
  }
  .navigation-section {
    display: none !important;
  }
  .exo-menu > li > a {
    padding: 15px 8px !important;
    font-size: 16px !important;
  }
  .flyout-right ul > li > a {
    top: 99px !important;
  }
  .flyout-left ul > li > a {
    top: 99px !important;
  }
  .flyout-mega-wrap {
    top: 99px !important;
  }
  .mega-menu {
    top: 99px !important;
  }
  li.drop-down.drop-down-first ul.drop-down-ul.animated.fadeIn {
    top: 99px !important;
  }
  h4.row.mega-title {
    font-size: 13px !important;
  }
  .newsletter-section {
    padding: 10px !important;
  }
  ul.alphaFilter.menu.sticky {
    position: static !important;
    background: none !important;
  }
  .side-navigation ul li {
    width: 48% !important;
    margin-right: 10px !important;
  }
  .pignose-calendar {
    box-shadow: none !important;
  }
  #divSubscription .subscription-content-ln p.title.free {
    font-size: 30px !important;
    margin: 20px 0 20px 0 !important;
  }
  #tblIndexSubIndexSummary_wrapper {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    width: 100% !important;
  }
  #tblIndexSubIndexSummary_wrapper #tblIndexSubIndexSummary {
    display: block;
    float: left;
    width: 1320px !important;
    overflow: hidden !important;
  }
  #index-summary {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    width: 100% !important;
  }
  #index-summary .indices-inside-section {
    width: auto !important;
  }
  #index-summary .indices-inside-section #tblIndexSubIndexSummary {
    display: block;
    float: left;
    width: 1160px !important;
    overflow: hidden !important;
  }
  .market-mover-summary.scrollable-area.sticky-table.sticky-ltr-cells table.table-alt {
    width: 150% !important;
    max-width: 150% !important;
    overflow-y: hidden !important;
  }
  .as-data-field .as-data-top ul li a.navbar-brand {
    display: none !important;
  }
  .as-data-field .as-data-top ul li ul.navbar-nav li {
    margin-top: 0px !important;
  }
  .as-data-field .as-data-top ul li nav #ddlTemplate ul li a:before {
    display: none !important;
  }
  .as-data-field .as-data-top button.navbar-toggler.collapsed {
    display: none !important;
  }
  .as-data-field .as-data-top button.navbar-toggler {
    display: none !important;
  }
  .as-data-field .as-data-top .navbar-light .navbar-toggler-icon {
    display: none !important;
  }
  .as-data-field .as-data-top .navbar-collapse.collapse {
    display: block !important;
  }
  .advanced-screener-data .as-data-top ul li {
    width: 51% !important;
    margin: 0px !important;
    padding: 0px !important;
  }
  .advanced-screener-data .as-data-top ul li:last-child {
    display: block;
    float: left;
    width: 100% !important;
    margin: 5px 0px 0px 0px !important;
    width: 49% !important;
    float: left !important;
  }
  .advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu {
    top: 24px !important;
  }
  .advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates {
    width: 250px !important;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-dialog {
    max-width: 90% !important;
  }
  .advanced-screener-data .as-data-top ul li:nth-child(2) {
    width: 100% !important;
    margin: 5px 0px 0px 0px !important;
  }
  .advanced-screener-data .as-data-top ul li:nth-child(3) {
    width: 100% !important;
    margin: 5px 0px 0px 0px !important;
  }
  .advanced-screener-data .as-data-top ul li a#btnSaveTemplate {
    display: block;
    float: left;
    width: 100% !important;
  }
  .advanced-screener-data .as-data-top ul li a#btnSaveAsTemplate {
    display: block;
    float: left;
    width: 100% !important;
  }
  .advanced-screener-data .as-data-top ul li:nth-child(4) {
    border-right: none !important;
    display: block;
    float: left !important;
    width: 51% !important;
    margin: 5px 0px 0px 0px !important;
    padding: 0px !important;
  }
  .advanced-screener-data .as-data-top ul li a#btnExportTemplate {
    display: block;
    float: left !important;
    width: 100%;
    position: static !important;
  }
  .advanced-screener-data .as-data-top ul li button.btn.btn-primary {
    position: static !important;
    display: block;
    float: left;
    width: 100% !important;
  }
  .advanced-screener-data .as-data-top ul li button.btn.btn-primary:before {
    display: none !important;
  }
  .advanced-screener-data .as-data-top ul li:first-child {
    width: 100% !important;
  }
  .advanced-screener-data .as-data-top ul li #columnModal .modal-body .card-header.tab-card-header ul li {
    width: auto !important;
  }
  .advanced-screener-data .as-data-top ul li #columnModal button.btn.btn-primary {
    width: auto !important;
  }
  .advanced-screener-data .tab-pane form .form-check {
    width: 33.33% !important;
  }
  .alert-history .alert-content #ulHistory li {
    width: 100% !important;
    margin: 0px !important;
  }
  .advanced-screener .wrapper.toggled .as-sidebar {
    width: 250px !important;
    padding: 0px !important;
  }
  .wrapper.toggled .advanced-screener-wrapper {
    display: block;
    float: left;
    width: 100% !important;
    margin-right: -250px;
    min-height: 200px !important;
    max-height: 1200px !important;
    margin-bottom: 0px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: static !important;
  }
  .wrapper.toggled .advanced-screener-wrapper .advanced-screener-data {
    width: 100% !important;
    padding-right: 0px !important;
  }
  .wrapper.toggled .advanced-screener-wrapper .modal-content {
    z-index: 99999 !important;
    top: 40px !important;
  }
  .wrapper.toggled .advanced-screener-data a.btn.btn-default.menu-toggle i.fa.fa-angle-left {
    display: block !important;
  }
  .main-section .co-title-section {
    margin: 0px 0px 10px 0px !important;
    box-shadow: none !important;
  }
  #adminlogin .main-section .main-login-form {
    width: 100% !important;
  }
  #frmRegistration .subscription-main-ln #divSubscription .col-xs-5th.r-padder {
    width: 33% !important;
  }
  .fs-bargraph {
    display: block;
    float: left;
    width: 100% !important;
  }
  .fs-bargraph #bs-bar-graph {
    display: block;
    float: left;
    width: 50% !important;
  }
  .fs-bargraph #bs-bar-graph #highcharts-sruzjoz-0 {
    width: 100% !important;
    display: block;
    float: left;
  }
  .fs-bargraph #bs-bar-graph #highcharts-sruzjoz-0 svg {
    display: block;
    float: left;
    width: 100% !important;
  }
  .fs-bargraph #bs-bar-graph #highcharts-sruzjoz-9 {
    width: 100% !important;
    display: block;
    float: left;
  }
  .fs-bargraph #bs-bar-graph #highcharts-sruzjoz-9 svg {
    display: block;
    float: left;
    width: 100% !important;
  }
  .fs-bargraph #is-bar-graph {
    display: block;
    float: left;
    width: 50% !important;
  }
  #company-address .indices-section-body {
    height: 290px !important;
    overflow: none !important;
  }
  #company-address .indices-section-body ul {
    display: block;
    float: left;
    width: 100% !important;
    padding: 10px 20px !important;
  }
  #company-address .indices-section-body ul li {
    display: block;
    float: left;
    width: 100% !important;
    text-align: left !important;
  }
  .financial-tab-data #myTabContent table thead tr.sticky-header th:last-child {
    position: static !important;
  }
  .financial-tab-data #myTabContent table tbody tr td:last-child {
    position: static !important;
  }
  .mm-visualization {
    margin: -20px 0px 0px 0px !important;
  }
  .mm-visualization .tab-content #treemap #divAsOfDate {
    width: 100% !important;
  }
  #market-visual #div-index-snap {
    margin: 24px !important;
  }
  .m-visualization-effect {
    margin: 0px 0px 0px 0px !important;
  }
  #piechart {
    overflow: visible !important;
  }
  .mf-home-section .choose-company {
    width: 100% !important;
  }
  .main-section.login-main-section:before {
    position: absolute !important;
    height: 56.8vh !important;
    width: 100% !important;
  }
}
@media screen and (min-width: 480px) and (max-width: 768px) {
  .broker-balance {
    padding: 0px 10px !important;
    margin: 5px 0px 0px 0px !important;
  }
  .broker-balance .bg-white.p-2.d-inline-block.rounded.mt-1.mr-4 {
    width: 98% !important;
    margin: 0px !important;
  }
  ul.navbar-nav.ml-auto ul.navbar-nav.ml-auto {
    padding: 10px 0 !important;
  }
  .main-section.login-main-section:before {
    position: absolute !important;
    height: 56.8vh !important;
    width: 100% !important;
  }
  #DataTables_Table_0_wrapper table.table-alt.table-mf.dataTable.no-footer {
    width: 1000px !important;
    max-width: 1000px !important;
    overflow: scroll !important;
  }
  #DataTables_Table_0_wrapper table.table-alt.table-mf.dataTable.no-footer tr td a.tooltip-button {
    left: 50px !important;
  }
  .resp-tabs-container .full-stock-data table.table-alt.no-footer.dataTable {
    width: 1400px !important;
    max-width: 1400px !important;
    overflow: scroll !important;
  }
  #divIpoLockedInPeriod table.table-alt.table-export {
    width: 1400px !important;
    max-width: 1400px !important;
    overflow: scroll !important;
  }
  .indices-section.section-title .title-desc {
    padding: 15px 20px 0px 10px !important;
  }
  .indices-section.section-title .shm-description {
    margin: 0px !important;
  }
  .indices-section.section-title .shm-description .hidden-menu {
    top: 40px !important;
  }
  #tblIndexSubIndexSummary_wrapper {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    width: 100% !important;
  }
  #tblIndexSubIndexSummary_wrapper #tblIndexSubIndexSummary {
    display: block;
    float: left;
    width: 1320px !important;
    overflow: hidden !important;
  }
  #index-summary {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    width: 100% !important;
  }
  #index-summary .indices-inside-section {
    width: auto !important;
  }
  #index-summary .indices-inside-section #tblIndexSubIndexSummary {
    display: block;
    float: left;
    width: 1160px !important;
    overflow: hidden !important;
  }
  .market-mover-summary.scrollable-area.sticky-table.sticky-ltr-cells table.table-alt {
    width: 150% !important;
    max-width: 150% !important;
    overflow-y: hidden !important;
  }
  #wrapper {
    width: 94% !important;
    margin: 0 auto !important;
  }
  .padder {
    padding: 0px !important;
  }
  .fuller.r-padder {
    padding-right: 20px !important;
  }
  .l-padder {
    padding: 0px !important;
  }
  .r-padder {
    padding: 0px !important;
  }
  .fuller.pr-padder.r-padder {
    padding: 0px !important;
  }
  .col-xs-7ths.fuller.r-padder {
    width: 50% !important;
    margin-bottom: 10px;
  }
  .col-xl-6.col-lg-6.col-md-6.col-sm-12.fuller.r-padder.zero-padder {
    padding: 0px !important;
    margin-bottom: 20px !important;
  }
  .r-padder.zero-padder {
    padding: 0px !important;
    margin-bottom: 0px !important;
  }
  .zero-padder {
    padding: 0px !important;
    margin-bottom: 0px !important;
  }
  .zero-padder input {
    width: 100% !important;
  }
  .fuller.padder.zero-padder {
    padding: 0px !important;
    margin-bottom: 0px !important;
  }
  .tr-form-section .form-group input {
    width: 100% !important;
  }
  .tr-form-section .form-group select {
    width: 100% !important;
  }
  p.text-center.text-white {
    position: static !important;
  }
  #quick-search {
    display: none !important;
  }
  #quick-search .indices-section-body .co-quick-links {
    padding: 5px 5px !important;
  }
  #quick-search .title-pattern1 h2 {
    display: none !important;
  }
  ul.co-quick-links li {
    margin-right: 8px !important;
  }
  ul.co-quick-links li .button-4 {
    padding: 0px 5px !important;
  }
  #sub-navigation {
    display: none !important;
  }
  #sub-navigation .co-navigation {
    display: block !important;
  }
  #sub-navigation .co-navigation ul li {
    padding: 0px !important;
  }
  #market-visual #div-index-snap {
    margin-top: 15px !important;
    justify-content: left !important;
    margin: 20px 0px !important;
  }
  .mm-visualization {
    margin: -20px 0px 0px 0px !important;
  }
  .mm-visualization .tab-content #treemap #divAsOfDate {
    width: 100% !important;
  }
  #market-visual #div-index-snap {
    margin: 24px !important;
  }
  .m-visualization-effect {
    margin: 0px 0px 0px 0px !important;
  }
  .full-screen button {
    top: 0px !important;
  }
  .header-right-section #mainNav .nav-item .dropdown-menu.alert {
    height: 485px !important;
    top: 34px !important;
  }
  .view-more [style] {
    position: absolute !important;
    bottom: -10px !important;
  }
  .co-navigation {
    overflow: scroll !important;
    display: none !important;
  }
  .filter-option .select-field.fsw-sector-filter {
    float: left !important;
    width: 80% !important;
  }
  .cnt .show-hide {
    top: -78px;
    right: px !important;
  }
  #divFullStockWatch .fsw-fullscreen #div-index-snap {
    margin-top: 50px !important;
    justify-content: left !important;
  }
  a.d-none.d-sm-inline {
    display: block !important;
  }
  a.d-inline.d-sm-none {
    display: none !important;
  }
  article.navigation-section.nav-up {
    position: static !important;
  }
  article.navigation-section.nav-down {
    position: static !important;
  }
  .navigation-section {
    position: static !important;
  }
  .nav-down {
    position: static !important;
  }
  .nav-up {
    position: static !important;
    top: -66px !important;
  }
  .alphaFilter {
    position: static !important;
  }
  .menu {
    position: static !important;
  }
  .sticky {
    position: static !important;
  }
  ul.alphaFilter.menu {
    position: static !important;
  }
  ul.alphaFilter.menu.sticky {
    position: static !important;
    position: static !important;
    background: none !important;
  }
  .stock-block-parent {
    padding: 0px 10px !important;
  }
  .stock-block-parent .stock-block {
    margin-bottom: 15px !important;
  }
  #side-nav ul li .view {
    width: 100% !important;
  }
  #side-nav ul li .view ul {
    height: 2000px !important;
  }
  #side-nav ul li .view ul li:nth-child(even) {
    width: 100% !important;
  }
  #side-nav ul li .view ul li:nth-child(odd) {
    width: 100% !important;
  }
  #side-nav ul li .view.f-view {
    width: 126% !important;
  }
  #side-nav ul li:hover .view {
    width: 126% !important;
  }
  #side-nav .list-group-item ul {
    width: 45% !important;
  }
  #div-stock-up-down .fuller {
    width: 33.33% !important;
    height: 50px !important;
  }
  #div-stock-up-down .fuller.r-padder {
    padding-right: 5px !important;
  }
  #div-stock-up-down .gainers-top span:before {
    display: none !important;
  }
  #div-stock-up-down .gainers-top span p {
    left: 0px !important;
    bottom: -20px !important;
    font-size: 12px !important;
  }
  #divIndexSubIndexChart .nepse-indices[style] {
    margin-top: 0px !important;
  }
  #divIndexSubIndexChart .select-field {
    width: 50% !important;
  }
  .date-view {
    padding: 10px 0px !important;
  }
  .date-view ul.index-block {
    border: none !important;
  }
  .date-view ul {
    display: block;
    float: left;
    width: 100% !important;
    height: 50px !important;
  }
  .date-view ul .select-field {
    position: static !important;
    width: 100% !important;
    margin-top: 10px !important;
  }
  .current-indices ul li {
    margin-right: 10px !important;
  }
  .lSSlideOuter ul#content-slider li .gainer h6 {
    font-size: 14px !important;
  }
  .lSSlideOuter ul#content-slider li .looser h6 {
    font-size: 14px !important;
  }
  .lSSlideOuter ul#content-slider li .unchange h6 {
    font-size: 14px !important;
  }
  .logo {
    margin-top: -35px !important;
  }
  .breadcrumb {
    display: none !important;
  }
  .side-navigation {
    display: none !important;
  }
  .side-navigation ul li {
    width: 47% !important;
    margin-right: 10px !important;
  }
  .current-indices.date-view .select-field {
    margin-top: -26px !important;
  }
  .current-indices.date-view ul {
    height: auto !important;
  }
  #div-index-summary .fuller, #div-company-summary .fuller {
    width: 50% !important;
    padding: 5px !important;
  }
  #div-index-summary .indices-inside-section, #div-company-summary .indices-inside-section {
    padding: 15px 10px !important;
  }
  #p-summary #divPortSummary .fuller {
    width: 50% !important;
    padding: 5px !important;
  }
  #p-summary #divPortSummary .indices.turnover {
    padding: 7px 0px 0px 0px !important;
    margin-bottom: 0px !important;
  }
  #p-summary .indices-inside-section {
    padding: 0px 7px !important;
  }
  .resp-tab-content.resp-tab-content-active {
    border: 1px solid #c1c1c1 !important;
    border-top: none !important;
  }
  .title-pattern {
    display: block;
    float: left;
    width: calc(100% - 5px) !important;
    background: none !important;
  }
  .title-pattern h2 {
    padding: 0px 20px 0px 10px !important;
  }
  .as-of-date-title {
    padding: 5px 10px !important;
  }
  #mo-tree-map #sw-performance {
    padding-left: 10px !important;
    margin: 0px 0px 0px -10px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
  }
  #mo-tree-map .statistic-data {
    padding: 15px 0px 0px !important;
  }
  #mo-tree-map .indices.nepse-performance.sub-indices-performance .history-data.tree-map {
    height: auto !important;
    min-height: 100px !important;
  }
  .indices-section.section-title.investment-overview[style] {
    height: auto !important;
  }
  .indices-section.section-title[style] {
    height: auto !important;
  }
  header.top-header {
    position: fixed !important;
    display: block;
    float: left;
    width: 100% !important;
  }
  header.top-header .nav-fixed {
    height: 40px !important;
    background: #fff !important;
  }
  header.top-header .nav-fixed ul li a.nav-trigger {
    width: 40px !important;
    border: none !important;
    top: 10px;
    left: 0px !important;
  }
  header.top-header .nav-fixed ul li a.nav-trigger p {
    display: none !important;
  }
  header.top-header .nav-fixed ul li label.fa.fa-search.search-icon {
    padding: 10px !important;
    right: 20px !important;
    top: 5px !important;
    position: absolute !important;
    z-index: 9999;
    margin-left: 0px !important;
  }
  header.top-header .nav-fixed ul li:first-child {
    display: block !important;
  }
  header.top-header .header-right-section {
    padding: 5px 10px 5px 0px !important;
  }
  header .logo a {
    height: 60px !important;
    width: 230px !important;
  }
  header.top-header.smaller {
    display: block !important;
    display: none !important;
  }
  header.top-header.smaller a.nav-trigger.wow.slideInLeft.animated {
    display: none !important;
    position: static !important;
  }
  header.top-header.smaller .nav-fixed ul li:first-child {
    display: block !important;
  }
  #navigation img {
    left: 28% !important;
  }
  .indices-section.section-title ul.resp-tabs-list {
    display: none !important;
  }
  .indices-section.section-title.dividend-analysis ul.resp-tabs-list {
    display: block !important;
  }
  .demo {
    padding: 0px !important;
  }
  .demo #horizontalTab2 .broker-search-form {
    width: 98% !important;
    margin: 10px !important;
  }
  .demo #horizontalTab2 .broker-search-form form {
    padding: 10px 10px 10px 10px !important;
  }
  .demo #horizontalTab2 .resp-tabs-container {
    padding: 10px !important;
  }
  .demo #horizontalTab2 .resp-tabs-container h2.resp-accordion {
    display: none !important;
  }
  .breadcrumb-section {
    padding: 110px 0px 0px 0px !important;
  }
  #com-tabs ul.resp-tabs-list {
    display: block !important;
  }
  .pignose-calendar {
    box-shadow: none !important;
  }
  #Watchlist-new #spnPortfolio .gainer {
    margin-bottom: 10px !important;
  }
  #Watchlist-new #spnPortfolio .looser {
    margin-bottom: 10px !important;
  }
  #Watchlist-new .gainer-new {
    border-right: none !important;
  }
  #Watchlist-new .gainer-new span a {
    display: block;
    float: left;
    width: auto !important;
    padding: 0px 20px 0px 0px !important;
  }
  #horizontalTab6 .resp-tabs-container h2[aria-controls=tab_item-0] a:nth-child(even) {
    display: block !important;
  }
  #horizontalTab6 .resp-tabs-container h2[aria-controls=tab_item-2] {
    display: none !important;
  }
  #horizontalTab6 .resp-tabs-container h2[aria-controls=tab_item-3] {
    display: none !important;
  }
  #horizontalTab1 .resp-tabs-container h2[aria-controls=tab_item-2] {
    display: block !important;
  }
  #spnWatchlist {
    width: 100% !important;
  }
  #spnWatchlist .fuller {
    width: 50% !important;
    padding-right: 10px !important;
  }
  #spnPortfolio {
    width: 100% !important;
  }
  #spnPortfolio .fuller {
    width: 50% !important;
    padding-right: 10px !important;
  }
  .co-fsection {
    padding: 20px 0px !important;
  }
  .co-title-section {
    margin: 0px 0px 0px 0px !important;
  }
  .co-title-section .search-box-alt .form-group input.companyautocomplete {
    margin-top: 0px !important;
    width: 100% !important;
    float: left !important;
  }
  .co-title-section .search-box-alt .form-group button {
    top: 0px !important;
  }
  .co-title-section .co-highlight .fuller {
    width: 50% !important;
  }
  .co-title-section .co-highlight .co-highlight-block {
    width: 100% !important;
    padding-top: 0px !important;
    margin-bottom: 10px !important;
  }
  .co-title-section ul {
    margin-top: 10px !important;
  }
  .co-title-section ul li p a {
    padding-right: 8px !important;
  }
  .co-title-section .col-xs-5th {
    width: 50% !important;
  }
  .co-highlight .co-highlight-block span span.ch-ltp {
    width: 100% !important;
  }
  .co-highlight .col-sm-3.fuller {
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
  #com-summary {
    box-shadow: none !important;
    padding: 10px 0px 10px 0px !important;
  }
  #com-summary #technical-data {
    border: 1px solid #ddd !important;
    padding: 10px !important;
    margin-bottom: -20px !important;
  }
  #com-summary .indices-section-body {
    margin: 0px !important;
    padding: 0px !important;
  }
  #com-summary .co-corporate-action ul li {
    width: 50% !important;
  }
  .section-inside.co-fsection {
    margin-top: 20px !important;
  }
  .section-inside.co-fsection .indices-section.section-title {
    box-shadow: none !important;
  }
  .section-inside.co-fsection .indices-section.section-title .indices-section-body {
    box-shadow: none !important;
  }
  #divScreenerHomePage .indices-section.section-title {
    box-shadow: none !important;
  }
  .company-sticky-title .alphaFilter.menu.sticky {
    display: none !important;
  }
  .co-insiders {
    margin: 10px 0px 10px 0px !important;
  }
  .co-insiders .indices-section-body {
    height: 230px !important;
    overflow-x: scroll;
    width: 100% !important;
    padding: 10px 0px 0px 0px;
  }
  .co-insiders .indices-section-body table.table {
    overflow-x: scroll;
    width: 600px !important;
  }
  .portfolio-overview .co-title-section .co-highlight .co-highlight-block {
    width: 100% !important;
  }
  .portfolio-overview .sh-table.lg-table {
    display: block;
    float: left;
    width: 100% !important;
  }
  #shareholding-title .co-title-section .co-highlight .co-highlight-block {
    width: 100% !important;
  }
  #shareholding-title .co-title-section ul {
    margin: 0px !important;
    padding: 10px 0px !important;
  }
  #shareholding-title .co-title-section ul li p {
    padding-right: 8px !important;
  }
  .shd-right.history-data.sm-mover .tab-content .fuller.r-padder {
    padding-right: 0px !important;
  }
  .stock-holding .po-details.sh-details {
    padding: 0px !important;
    margin: 20px 0px 0px 0px !important;
    border: none !important;
  }
  #stock-wise-movement #example2_length .shm-button {
    margin: 0px 0px 10px 0px !important;
  }
  #stock-wise-movement .dataTables_length {
    float: left !important;
  }
  #divHeaderSearchBox span.select2-selection.select2-selection--single {
    width: 96% !important;
    top: -14px !important;
    right: 5% !important;
    width: 46px !important;
    float: left;
    padding: 10px !important;
    position: absolute;
    left: 0px !important;
    top: -11px !important;
    background: #fff !important;
    border: none !important;
  }
  .header {
    height: auto !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 35px;
    height: 35px;
    position: absolute;
    top: -6px;
    right: 5px;
    font-size: 22px !important;
    background-color: transparent !important;
  }
  .select2-container--default .select2-dropdown {
    width: 100% !important;
  }
  span.select2-dropdown.select2-dropdown--below {
    width: 50% !important;
    width: 81% !important;
    width: 90% !important;
    top: 0px !important;
    left: 0px !important;
  }
  span.select2-dropdown.select2-dropdown--above {
    width: 50% !important;
    width: 81% !important;
    width: 90% !important;
    top: 0px !important;
    left: 0px !important;
  }
  label.fa.fa-search.search-icon {
    float: right !important;
    position: absolute;
    right: 40px !important;
    margin: 0px !important;
    display: block;
    float: right;
    text-align: right !important;
  }
  #tag-search:checked + div.search-box {
    width: 33% !important;
    margin: 0px !important;
  }
  .header-main {
    height: auto !important;
  }
  .header-main .search-section .search-box {
    top: -102px !important;
  }
  body.nav-open header.top-header .nav-fixed ul li nav.nav-container {
    width: 100% !important;
  }
  .page-title h1 {
    margin-bottom: 10px !important;
  }
  .breadcrumb-main .share-section a {
    float: left !important;
    width: 23%;
    font-size: 15px !important;
    margin-bottom: 5px;
    height: auto !important;
    padding: 10px;
    height: 60px;
  }
  .share-section {
    text-align: left !important;
  }
  .share-section a.d-inline.d-sm-none.portfolio:nth-child(odd) {
    display: none !important;
  }
  .share-section a {
    margin: 0px 5px 0px 0px !important;
    margin: 0px 5px 0px 0px !important;
  }
  .nav-fixed {
    display: block;
    float: left;
    width: 100% !important;
    background: #f4f4f4 !important;
  }
  ul.navbar-nav.ml-auto {
    display: block;
    float: left;
    width: 100%;
  }
  .indices-section.section-title.company-overview {
    height: auto !important;
  }
  .indices-section.section-title.top-indices {
    height: auto !important;
    box-shadow: none !important;
    padding: 0px;
    margin: 0px 0px 0px 0px;
  }
  #main {
    height: auto !important;
  }
  .broker-list ul li {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .broker-list .histroy-data-hl {
    float: left !important;
  }
  .broker-list .histroy-data-hl p.high {
    margin: 10px 10px 0px 0px !important;
    padding: 0px !important;
  }
  .broker-list .histroy-data-hl p.low {
    margin: 10px 10px 0px 0px !important;
    padding: 0px !important;
  }
  .fear-seaction {
    min-height: auto !important;
  }
  .investment-main {
    overflow-x: scroll !important;
    overflow: scroll !important;
  }
  .investment-main .social-share {
    display: block;
    float: left;
    width: 100% !important;
    margin-top: 10px !important;
  }
  .indices.nepse-performance.sub-indices-performance {
    overflow-x: scroll !important;
  }
  .indices.nepse-performance {
    overflow-x: scroll !important;
  }
  .risk-metric {
    overflow-x: scroll !important;
  }
  .indices-section-body {
    overflow-x: scroll !important;
    overflow-x: scroll;
    width: 100% !important;
    padding: 10px 0px 0px 0px;
  }
  .indices-section-body .date-view ul.index-block li:nth-child(2) p {
    font-size: 20px !important;
    padding: 12px 0px !important;
  }
  .broker-list.price-history {
    overflow-x: scroll !important;
    overflow: scroll !important;
  }
  .broker-list.price-history table.table.table-striped.table-bordered {
    overflow-x: scroll;
    width: 1200px !important;
  }
  table.table {
    width: 900px !important;
    overflow-x: scroll !important;
    overflow-x: scroll;
    width: 1200px !important;
    overflow-x: scroll;
    width: 1200px !important;
  }
  h2.resp-accordion {
    border: 1px solid #c1c1c1 !important;
    border-top: none !important;
    padding: 15px !important;
  }
  .resp-tabs-container .resp-tab-content {
    border: 1px solid #c1c1c1 !important;
    border-top: none !important;
    overflow: scroll;
  }
  .indices-section.section-title.investment-overview {
    height: auto !important;
    overflow: scroll !important;
  }
  .altman-wrap-title {
    background: #ededed !important;
  }
  .altman-wrap-title ul li {
    width: 50% !important;
  }
  .altman-wrap-title ul li:first-child a {
    display: none !important;
  }
  .altman-wrap-title ul li a {
    width: 100% !important;
  }
  .stock-block ul li {
    margin-bottom: 5px !important;
    margin-right: 15px !important;
  }
  .stock-block ul li:last-child {
    display: block;
    float: left;
    width: 100% !important;
    margin-left: 0px !important;
  }
  .a-z-stock-details .stock-block {
    height: auto !important;
  }
  .footer .quick-links ul li:after {
    display: none !important;
  }
  .footer-section .quick-links {
    margin: 30px 0px !important;
  }
  .footer-section .quick-links ul li:after {
    display: none !important;
  }
  .footer-section .title-pattern {
    margin: 0px 0px 10px 0px !important;
  }
  .powered-by {
    float: left !important;
  }
  .grid-sizer {
    display: block;
    float: left;
    width: 50% !important;
  }
  .grid-item {
    display: block;
    float: left;
    width: 50% !important;
  }
  .col-xs-5ths {
    display: block;
    float: left;
    width: 50% !important;
  }
  #myTabContent #b-stock {
    height: auto !important;
  }
  #myTabContent #b-stock ul.pagination {
    bottom: 20px !important;
  }
  #myTabContent #b-stock ul li a {
    padding: 5px 10px !important;
  }
  .co-highlight-block {
    margin-bottom: 20px !important;
  }
  .pod-left {
    height: auto !important;
    margin-bottom: 20px !important;
  }
  .pod-right {
    height: auto !important;
  }
  .gs-section {
    margin-bottom: 20px !important;
  }
  .shd-left {
    margin-bottom: 20px !important;
  }
  .sh-table {
    overflow: scroll !important;
  }
  .po-pl-report .sh-table {
    overflow: scroll !important;
    float: left !important;
    width: 100% !important;
    display: block !important;
  }
  #po-allocation #div-sectorwise-pie-chart {
    border-right: none !important;
    margin-bottom: 30px !important;
  }
  #po-allocation #div-stockwise-pie-chart {
    border-right: none !important;
    margin-bottom: 30px !important;
  }
  #portfolio-summary .col-xs-7ths {
    width: 50% !important;
  }
  .p-transaction-rec .trf-title ul {
    width: 100% !important;
  }
  .p-transaction-rec .po-details.sh-details {
    border: none !important;
    padding: 10px 0px !important;
    margin: 0px !important;
  }
  #bbo-padding {
    padding: 10px !important;
    margin-bottom: 20px !important;
  }
  #bbo-padding .po-details.sh-details #tabs {
    margin-bottom: 0px !important;
  }
  #bbo-padding .broker-list ul li {
    width: 50% !important;
    height: auto !important;
  }
  #bbo-padding .broker-list.res-table ul li {
    width: auto !important;
  }
  #bbo-padding #broker-detail ul li {
    width: 100% !important;
  }
  #bbo-padding #divBrokers ul li {
    width: 100% !important;
  }
  #bbo-padding .broker-search-form {
    box-shadow: none !important;
    padding: 10px !important;
    border: 1px solid #ddd !important;
  }
  #bbo-padding #ss-search-form {
    border: none !important;
  }
  #bbo-padding #divStockScreenerData .pull-right.small {
    margin-top: 0px !important;
  }
  #bbo-padding #sc-events ul#tabs {
    padding: 0px !important;
  }
  #bbo-padding #sc-events ul#tabs li {
    margin: 0px !important;
    padding: 0px 10px 0px 0px !important;
  }
  #bbo-padding .broker-search-form.mini-search-form.pull-right {
    border: none !important;
  }
  #bbo-padding .broker-search-form.mini-search-form.pull-right form .form-group {
    display: block !important;
    float: left;
    width: 100% !important;
  }
  #bbo-padding .mini-search-form form {
    display: block !important;
    float: left;
    width: 100% !important;
  }
  #bbo-padding .market-summary-title .stock-market-contact {
    margin: 0px 0px 10px !important;
    padding: 5px !important;
  }
  #bbo-padding .stock-trade-broker .broker-list.financial-tab-data ul li {
    width: auto !important;
    padding: 0px !important;
    margin: 0px !important;
  }
  #bbo-padding .stock-trade-broker .broker-list.financial-tab-data ul li a {
    padding: 10px 10px !important;
  }
  #bbo-padding .stock-trade-broker .broker-list.financial-tab-data ul li a:before {
    background: none !important;
  }
  #bbo-padding .stock-trade-broker .broker-list.financial-tab-data ul li a:hover {
    color: #666 !important;
  }
  #bbo-padding .stock-trade-broker .broker-list.financial-tab-data ul li a.active {
    border-bottom: 2px solid #30b983 !important;
    margin-left: 0px !important;
    color: #36437e !important;
  }
  #bbo-padding .filter-option .button form .ui-group {
    margin: 0px 0px 0px 0px !important;
  }
  .vertical-tab {
    padding: 20px 10px !important;
  }
  #b-stock {
    padding: 20px 0px !important;
  }
  .indices-inside-section {
    overflow: scroll !important;
  }
  .tab-pane {
    overflow: scroll !important;
  }
  .fs-table-details {
    overflow: scroll !important;
  }
  .sa-section {
    margin-bottom: 0px !important;
  }
  .sa-section p.timer.count-title.count-number {
    padding: 10px 0px 0px 0px !important;
  }
  .sm-table {
    overflow: scroll !important;
  }
  .sm-table table.table {
    overflow-x: scroll;
    width: auto !important;
  }
  .lg-table {
    overflow: scroll !important;
  }
  .lg-table table.table {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .wl-table {
    overflow: scroll !important;
  }
  .wl-table table.table {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .transaction-history-details {
    overflow: scroll !important;
  }
  .transaction-history-details .thd-title {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .transaction-history-details #accordionExample {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .shareholder-table {
    overflow: scroll !important;
  }
  .shareholder-table ul.title {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .shareholder-table ul.main-body {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .co-table {
    overflow: scroll !important;
  }
  .co-table table.table {
    overflow-x: scroll;
    width: 100% !important;
  }
  .co-news .broker-search-form select {
    margin-bottom: 10px !important;
  }
  .mo-table {
    overflow: scroll !important;
  }
  .mo-table table.table {
    overflow-x: scroll;
    width: 800px !important;
  }
  #divBrokerBreakDown #divPager ul li {
    width: auto !important;
  }
  #divBrokerBreakDown .r-padder {
    padding: 0px !important;
  }
  #divBrokerBreakDown .l-padder {
    padding: 0px !important;
  }
  #divBrokerBreakDown ul.pagination.no-margin li {
    width: auto !important;
  }
  #divBrokerBreakDown .indices-inside-section {
    box-shadow: none !important;
    padding: 0px !important;
  }
  #divBrokerBreakDown #dateTime {
    display: block;
    float: left !important;
    width: 100% !important;
    padding: 0px !important;
    margin-bottom: 10px !important;
  }
  #divPager ul.pagination.no-margin li {
    width: auto !important;
  }
  #divBrokers #divStockPager ul.pagination.no-margin li {
    width: auto !important;
  }
  .res-table {
    overflow: scroll !important;
  }
  .res-table table.table-xl {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .res-table table.table-lg {
    overflow-x: scroll;
    width: 100% !important;
  }
  .main-login-form-wrap {
    width: 100% !important;
  }
  .login-form-right {
    width: 100% !important;
    padding: 15px !important;
  }
  .main-login-form {
    padding: 0px 0px !important;
  }
  .login-form-left {
    width: 100% !important;
    height: 250px !important;
  }
  .login-left-bg p {
    left: 20px !important;
  }
  .login-left-bg span {
    left: 20px !important;
  }
  .login-left-bg ul li {
    padding-left: 65px !important;
    background-size: 10% !important;
    min-height: 50px !important;
  }
  .trial {
    margin-top: 30px !important;
    margin-top: 0px !important;
    width: 100% !important;
    margin-left: 0px !important;
  }
  #triangle-topright {
    display: none !important;
  }
  .main-login-form-wrap.main-reg-form-wrap .login-form-left .login-left-bg {
    padding: 0px 0px !important;
  }
  .main-login-form-wrap.main-reg-form-wrap #frmRegistration {
    width: 100% !important;
  }
  .main-login-form-wrap.main-reg-form-wrap .login-form-left.login-reg-form-left {
    width: 100% !important;
  }
  .main-reg-form-wrap .login-left-bg h1 {
    padding: 0px 10px !important;
  }
  .swp-testimonial {
    width: 100% !important;
    width: 100% !important;
  }
  .swp-testimonial-block {
    min-height: auto !important;
    width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
    min-height: auto !important;
  }
  .swp-testimonial-block .swp-testimonials-details {
    width: 78% !important;
  }
  .text-danger.validation-summary-errors {
    display: block;
    float: left;
    width: calc(100% - 40px) !important;
    top: -22% !important;
    left: 20px;
  }
  .col-xs-5th {
    width: 25% !important;
  }
  .dashboard-section .col-xs-5th {
    width: 20% !important;
    width: 30% !important;
    margin: 0px 10px 10px 0px !important;
  }
  .dashboard-design .dashboard-logo {
    margin: 60px 0px 20px 0px !important;
  }
  .dashboard-design .dashboard-logo img {
    width: 80% !important;
  }
  .dashboard-design .dashboard-form form {
    width: 100% !important;
  }
  .dashboard-design .dashboard-icon-list {
    width: 100% !important;
  }
  .dashboard-design .dashboard-icon-section {
    margin-top: 20px !important;
  }
  .dashboard-quicklinks {
    display: block;
    float: left;
    width: 100% !important;
    margin-bottom: 30px !important;
  }
  .dashboard-stock-block {
    height: 100px !important;
    margin-bottom: 0px !important;
  }
  .dashboard-stock-block i {
    font-size: 30px !important;
  }
  .dashboard-stock-block a {
    padding: 0px !important;
  }
  body.dashboard-auto-select span.select2-dropdown.select2-dropdown--below {
    width: 83% !important;
  }
  body.dashboard-auto-select span.select2-dropdown.select2-dropdown--above {
    width: 83% !important;
  }
  .payment-gateway .col-xs-5th {
    width: 50% !important;
  }
  .dashboard-form form .form-group .form-group {
    width: 100% !important;
  }
  #sw-performance .history-data.tree-map {
    display: block;
    float: left;
    width: 100% !important;
    padding: 0px !important;
  }
  div#minute-tree-chart-canvaswidget {
    margin: 0px !important;
  }
  div#minute-tree-chart-canvaswidget canvas {
    width: 100% !important;
  }
  #sw-gianer-loser {
    height: auto !important;
    height: auto !important;
  }
  .fsw-fullscreen-ico {
    display: none;
  }
  #nc-actions .con-listing ul li {
    width: 100% !important;
    height: auto !important;
    padding: 10px !important;
  }
  .investment-opportunities-main #b-stock ul#all_tabs li a.active.show {
    margin-top: -3px !important;
  }
  input.companyautocomplete {
    position: absolute;
    left: 1% !important;
    width: 100% !important;
    top: -15px !important;
  }
  .swp-profile {
    width: 80% !important;
  }
  #add-trn-form .tr-form-section .form-group input {
    display: block;
    float: left;
    width: 100% !important;
  }
  #add-trn {
    display: block;
    float: left;
    width: 100% !important;
    background: #efefef !important;
    padding: 0px 20px !important;
  }
  #add-trn .form-group span {
    display: block;
    float: left;
    width: 100% !important;
    text-align: left !important;
    padding: 0px !important;
  }
  #add-trn .form-group input {
    display: block;
    float: left;
    width: 100% !important;
  }
  .col-xs-5-az {
    width: 50% !important;
  }
  .col-xs-5-az:nth-child(even) {
    padding-left: 10px !important;
  }
  .col-xs-5-az:nth-child(odd) {
    padding-right: 10px !important;
  }
  .stock-area-details .sa-section {
    padding-bottom: 0px !important;
  }
  .stock-area-details .col-xs-5-az.fuller.padder {
    width: 50% !important;
    margin-bottom: 20px !important;
  }
  .broker-list.stock-market-contact #spnAsOfDate {
    display: block !important;
    margin-bottom: 10px !important;
  }
  .broker-search-form.mini-search-form.pull-right {
    display: block !important;
    float: left !important;
    border: none !important;
  }
  .company-address ul li p i:before {
    left: 55px !important;
  }
  .copyright-links {
    margin-top: 0px !important;
  }
  .copyright-links ul {
    float: left !important;
    margin-left: -8px !important;
  }
  .copyright-links ul li:after {
    top: 4px !important;
  }
  .footer-copyright {
    padding: 10px 0px 70px 0px !important;
  }
  .footer-copyright p {
    margin-bottom: 10px !important;
  }
  .choose-company {
    width: 100% !important;
    padding: 100px 10px !important;
  }
  #stock-holding-movement .sh-movement select.po-select {
    width: 98% !important;
    margin: 0px !important;
  }
  #stock-holding-movement .trf-title .more-fun {
    width: 100% !important;
    text-align: right;
  }
  #stock-holding-movement .trf-title .shm-button a.btn {
    font-size: 13px !important;
  }
  #stock-holding-movement .trf-title .shm-button button {
    font-size: 13px !important;
  }
  #stock-holding-movement .shm-button {
    text-align: left !important;
    margin-top: 10px !important;
  }
  .holding-report .shd-left.sm-table {
    margin: 0px !important;
    padding: 0px !important;
  }
  .indices-section.section-title.side-navigation {
    display: block !important;
  }
  .broker-search-form form a.dbOpenButton.btn.btn-secondary {
    top: 10px;
  }
  .newsletter-content .col-xs-5-az.fuller.padder .hover07.column figure {
    background: none !important;
    box-shadow: none !important;
  }
  .newsletter-section {
    padding: 10px !important;
  }
  div#divSentimentHistory .table tbody tr td {
    width: 100% !important;
    display: block;
    float: left;
  }
  div#divSentimentHistory .table tbody tr td .progress-section .progress-title ul li {
    width: 100% !important;
    display: block;
    float: left;
  }
  #sc-events {
    padding: 0px !important;
    box-shadow: none !important;
  }
  #bbo-padding-inside .mm-visualization ul#tabs {
    padding-left: 0px !important;
  }
  #treemap {
    padding: 0px !important;
  }
  #treemap #mapInfo .scale {
    text-align: left !important;
    margin: 10px 0px 0px !important;
  }
  #index-subindex-performance {
    box-shadow: none !important;
    padding: 5px !important;
  }
  #index-subindex-performance h2 {
    font-size: 17px !important;
    padding-right: 0px !important;
  }
  #index-subindex-performance .title-pattern1 {
    background: none !important;
  }
  #index-summary {
    box-shadow: none !important;
    padding: 5px !important;
  }
  #index-summary h2 {
    font-size: 17px !important;
    padding-right: 0px !important;
  }
  #index-summary .title-pattern1 {
    background: none !important;
  }
  #ss-search-form input.select2-search__field {
    margin: 5px 0px !important;
  }
  body.company-page .co-title-section .company-search {
    display: none !important;
  }
  body.company-page .main-section #quick-search {
    padding: 10px 0px 0px 0px !important;
  }
  .follow .contact-info {
    margin-bottom: 0px !important;
  }
  #settings {
    padding: 10px !important;
  }
  #settings #priceAlert .card-body {
    padding: 5px 0px !important;
  }
  #settings #priceAlert .card-body form#stockAlertForm {
    overflow: scroll !important;
  }
  #settings #priceAlert .card-body form#stockAlertForm #stockAlertSettings {
    overflow-x: scroll !important;
    width: 1024px !important;
  }
  #settings #priceAlert .card-body form#stockAlertForm #stockAlertSettings table.table {
    width: 1200px !important;
    overflow-x: scroll !important;
  }
  #settings #stockWatch .card-body {
    padding: 5px 0px !important;
  }
  #settings #stockWatch .card-body form#stockWatchForm {
    display: block;
    float: left;
    width: 100% !important;
    overflow: scroll !important;
  }
  #settings #stockWatch .card-body form#stockWatchForm #stockWatchSettings {
    overflow-x: scroll !important;
    width: 800px !important;
  }
  #settings #stockWatch .card-body form#stockWatchForm #stockWatchSettings table.table {
    width: 800px !important;
    overflow-x: scroll !important;
  }
  #stockAlertSettings ul {
    width: 60% !important;
  }
  #stockAlertSettings .add-more a {
    text-align: left !important;
    display: block !important;
  }
  .advanced-chart-section {
    display: none !important;
  }
  .col-md-2.order-last.col-1.pl-0.pr-0.collapse.show.width.border-left.sidebar.vh-100 {
    display: none !important;
  }
  .as-data-field .as-data-top ul li a.navbar-brand {
    display: none !important;
  }
  .as-data-field .as-data-top ul li ul.navbar-nav li {
    margin-top: 0px !important;
  }
  .as-data-field .as-data-top ul li nav #ddlTemplate ul li a:before {
    display: none !important;
  }
  .as-data-field .as-data-top button.navbar-toggler.collapsed {
    display: none !important;
  }
  .as-data-field .as-data-top button.navbar-toggler {
    display: none !important;
  }
  .as-data-field .as-data-top .navbar-light .navbar-toggler-icon {
    display: none !important;
  }
  .as-data-field .as-data-top .navbar-collapse.collapse {
    display: block !important;
  }
  .advanced-screener-data .as-data-top ul li {
    width: 51% !important;
    margin: 0px !important;
    padding: 0px !important;
  }
  .advanced-screener-data .as-data-top ul li:last-child {
    display: block;
    float: left;
    width: 100% !important;
    margin: 5px 0px 0px 0px !important;
    width: 100% !important;
    float: left !important;
  }
  .advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu {
    top: 24px !important;
  }
  .advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates {
    width: 250px !important;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-dialog {
    max-width: 90% !important;
    max-width: 90% !important;
    max-width: 96% !important;
  }
  .advanced-screener-data .as-data-top ul li:nth-child(2) {
    width: 100% !important;
    margin: 5px 0px 0px 0px !important;
  }
  .advanced-screener-data .as-data-top ul li:nth-child(3) {
    width: 100% !important;
    margin: 5px 0px 0px 0px !important;
  }
  .advanced-screener-data .as-data-top ul li a#btnSaveTemplate {
    display: block;
    float: left;
    width: 100% !important;
  }
  .advanced-screener-data .as-data-top ul li a#btnSaveAsTemplate {
    display: block;
    float: left;
    width: 100% !important;
  }
  .advanced-screener-data .as-data-top ul li:nth-child(4) {
    border-right: none !important;
    display: block;
    float: left !important;
    width: 100% !important;
    margin: 5px 0px 0px 0px !important;
    padding: 0px !important;
  }
  .advanced-screener-data .as-data-top ul li a#btnExportTemplate {
    display: block;
    float: left !important;
    width: 100%;
    position: static !important;
  }
  .advanced-screener-data .as-data-top ul li button.btn.btn-primary {
    position: static !important;
    display: block;
    float: left;
    width: 100% !important;
  }
  .advanced-screener-data .as-data-top ul li button.btn.btn-primary:before {
    display: none !important;
  }
  .advanced-screener-data .as-data-top ul li:first-child {
    width: 100% !important;
  }
  .advanced-screener-data .as-data-top ul li #columnModal .modal-body .card-header.tab-card-header ul li {
    width: auto !important;
  }
  .advanced-screener-data .as-data-top ul li #columnModal button.btn.btn-primary {
    width: auto !important;
  }
  .advanced-screener-data .tab-pane form .form-check {
    width: 33.33% !important;
    width: 50% !important;
  }
  .advanced-screener-data .sticky-table table tr.sticky-header th {
    position: -webkit-relative !important;
    position: -ms-relative !important;
    position: relative !important;
  }
  .advanced-screener-data .sticky-table table tr.sticky-header td {
    position: -webkit-relative !important;
    position: -ms-relative !important;
    position: relative !important;
  }
  .advanced-screener-data .sticky-table table tr.sticky-footer th {
    position: -webkit-relative !important;
    position: -ms-relative !important;
    position: relative !important;
  }
  .advanced-screener-data .sticky-table table tr.sticky-footer td {
    position: -webkit-relative !important;
    position: -ms-relative !important;
    position: relative !important;
  }
  .advanced-screener .wrapper.toggled .as-sidebar {
    display: block;
    float: left;
    width: 185px !important;
    position: static !important;
    padding: 0px !important;
    margin: 0px !important;
  }
  .wrapper.toggled {
    padding-left: 0px;
  }
  .wrapper.toggled .advanced-screener-wrapper {
    display: block;
    float: left;
    width: 100% !important;
    display: block;
    float: left;
    width: calc(100% - 200px) !important;
    margin-right: -250px;
    min-height: 200px !important;
    max-height: 1200px !important;
    margin-bottom: 0px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: static !important;
  }
  .wrapper.toggled .advanced-screener-wrapper .advanced-screener-data {
    display: block;
    float: right;
    width: 100% !important;
    padding: 0px !important;
    width: 100% !important;
    padding: 0px 0px 0px 7px !important;
  }
  .wrapper.toggled .advanced-screener-wrapper .modal-content {
    z-index: 99999 !important;
    top: 40px !important;
  }
  .wrapper.toggled .advanced-screener-data a.btn.btn-default.menu-toggle i.fa.fa-angle-left {
    display: none !important;
    left: 34px !important;
    display: block !important;
  }
  .pattern {
    margin-bottom: 0px !important;
  }
  .alert-history .alert-content #ulHistory li {
    width: 100% !important;
    margin: 0px !important;
  }
  .main-section .co-title-section {
    margin: 0px 0px 10px 0px !important;
    box-shadow: none !important;
  }
  [data-type=gainer-name] a:before {
    display: none !important;
  }
  [data-type=loser-name] a:before {
    display: none !important;
  }
  [data-type=neutral-name] a:before {
    display: none !important;
  }
  #divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells {
    max-height: 90vh !important;
    overflow: scroll !important;
  }
  #adminlogin .main-section .main-login-form {
    width: 100% !important;
  }
  #frmRegistration .subscription-main-ln #divSubscription .col-xs-5th.r-padder {
    width: 50% !important;
  }
  #frmRegistration .subscription-main-ln div#divPromo {
    width: 100% !important;
  }
  #frmRegistration .subscription-main-ln div#divCost {
    width: 100% !important;
    padding: 0px !important;
  }
  #divOwnership .indices-section-body {
    height: auto !important;
  }
  #company-address .indices-section-body {
    height: auto !important;
    overflow: none !important;
  }
  #company-address .indices-section-body ul {
    display: block;
    float: left;
    width: 100% !important;
    padding: 10px 20px !important;
  }
  #company-address .indices-section-body ul li {
    display: block;
    float: left;
    width: 100% !important;
    text-align: left !important;
  }
  .financial-tab-data #sub-navigation {
    display: block !important;
  }
  .financial-tab-data #myTabContent table thead tr.sticky-header th:last-child {
    position: static !important;
  }
  .financial-tab-data #myTabContent table tbody tr td:last-child {
    position: static !important;
  }
  #div-index-snap ul li {
    margin-right: 10px !important;
  }
  .mm-visualization {
    margin: -20px 0px 0px 0px !important;
  }
  .m-visualization-effect {
    margin: 15px 0px 10px 0px !important;
    width: 100% !important;
  }
  .history-data .m-visualization-effect .pull-right.node-filter {
    margin: 0px 0px 10px 0px !important;
    width: 93% !important;
  }
  .history-data .m-visualization-effect .pull-right.node-filter:after {
    display: none !important;
  }
  .history-data .m-visualization-effect .pull-right.date-range {
    margin: 0px 0px 10px 0px !important;
    width: 93% !important;
  }
  #piechart {
    overflow: visible !important;
  }
  .mf-home-section .choose-company {
    width: 100% !important;
    padding: 20px 50px !important;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-header h1 {
    width: 100% !important;
    font-size: 16px !important;
    text-align: left !important;
    padding: 10px 0px 10px 20px !important;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-header input#columnSearch {
    width: 90% !important;
    margin: 5px 40px 5px 0px !important;
    float: left !important;
    display: block;
    height: auto !important;
    padding: 7px 10px !important;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-header button.close {
    padding: 8px 12px 8px 12px !important;
  }
  div#DataTables_Table_0_wrapper {
    width: 100% !important;
    float: left;
    overflow-x: scroll !important;
  }
  table#DataTables_Table_0 {
    width: 1200px !important;
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  #divHeaderSearchBox span.select2-selection.select2-selection--single {
    width: 85% !important;
    top: -32px !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 479px) {
  .main-section {
    display: block;
    float: left !important;
    width: 100% !important;
    background: #fff !important;
    height: 100vh !important;
  }
  .portfolio-overview .shm-description .hidden-menu .btn-secondary {
    background: #190097 !important;
    color: #fff !important;
  }
  .header-right-section nav#mainNav {
    top: 10px !important;
  }
  .main-section.login-main-section:before {
    position: absolute !important;
    height: 56.8vh !important;
    width: 100% !important;
  }
  .p-transaction-rec .tr-form-main {
    padding: 10px !important;
  }
  #add-trn-form .form-group span {
    height: 40px !important;
  }
  #add-trn-form .del-section a i:before {
    color: #f13a3a !important;
  }
  .advanced-screener-data .as-data-top ul li:first-child #ddlTemplate ul li:first-child {
    width: 90% !important;
  }
  .advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu {
    top: 40px !important;
    width: 100% !important;
  }
  #stock-holding-movement span.select2-selection.select2-selection--single {
    height: 38px !important;
    padding: 6px 10px !important;
  }
  #DataTables_Table_0_wrapper table.table-alt.table-mf.dataTable.no-footer {
    width: 1000px !important;
    max-width: 1000px !important;
    overflow: scroll !important;
  }
  #DataTables_Table_0_wrapper table.table-alt.table-mf.dataTable.no-footer tr td a.tooltip-button {
    left: 50px !important;
  }
  .indices-section.section-title.dividend-analysis .demo .broker-search-form {
    margin: 0px !important;
  }
  .indices-section.section-title.dividend-analysis .demo .broker-search-form form {
    padding: 0px !important;
  }
  .indices-section.section-title.dividend-analysis .demo .broker-search-form form .form-group span.select2.select2-container.select2-container--default .select2-selection--multiple {
    margin: 0px 0px 10px 0px !important;
  }
  .indices-section.section-title.dividend-analysis .demo .broker-search-form form .form-group button#btnReset {
    margin: -20px 0px 0px 0px !important;
  }
  .indices-section.section-title.dividend-analysis .demo .broker-search-form form .form-group button.btn.btn-outline-secondary.btn-sm.btn-show {
    margin: -50px 0px 0px 0px !important;
  }
  [data-type=gainer-name] a:after,
  [data-type=loser-name] a:after,
  [data-type=neutral-name] a:after {
    display: none !important;
  }
  .resp-tabs-container .full-stock-data table.table-alt.no-footer.dataTable {
    width: 1400px !important;
    max-width: 1400px !important;
    overflow: scroll !important;
  }
  #divIpoLockedInPeriod table.table-alt.table-export {
    width: 1100px !important;
    max-width: 1100px !important;
    overflow: scroll !important;
  }
  #tblIndexSubIndexSummary_wrapper {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    width: 100% !important;
  }
  #tblIndexSubIndexSummary_wrapper #tblIndexSubIndexSummary {
    display: block;
    float: left;
    width: 1320px !important;
    overflow: hidden !important;
  }
  #index-summary {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    width: 100% !important;
  }
  #index-summary .indices-inside-section {
    width: auto !important;
  }
  #index-summary .indices-inside-section #tblIndexSubIndexSummary {
    display: block;
    float: left;
    width: 1160px !important;
    overflow: hidden !important;
  }
  .market-mover-summary.scrollable-area.sticky-table.sticky-ltr-cells table.table-alt {
    width: 150% !important;
    max-width: 150% !important;
    overflow-y: hidden !important;
  }
  a.symbol {
    padding-left: 0px !important;
  }
  table.table-alt tr td a.tooltip-button:after,
  table#tblAllData tr td a.tooltip-button:after,
  table#tblLiveTrading tr td a.tooltip-button:after {
    display: none !important;
  }
  #wrapper {
    width: 100% !important;
    margin: 0 auto !important;
  }
  .col-xs-7ths.fuller.r-padder {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .col-xs-7-co {
    width: 25% !important;
  }
  .padder {
    padding: 1px !important;
  }
  .r-padder {
    padding: 1px !important;
  }
  .l-padder {
    padding: 1px !important;
  }
  .fuller.pr-padder.r-padder {
    padding: 1px !important;
  }
  .header {
    height: auto !important;
  }
  header.top-header.smaller {
    display: none !important;
    display: block !important;
    position: static !important;
    display: none;
  }
  header.top-header.smaller a.nav-trigger.wow.slideInLeft.animated {
    display: none !important;
    position: static !important;
  }
  header.top-header.smaller .header-main {
    transition: none !important;
  }
  header.top-header.smaller .nav-fixed ul li:first-child {
    display: block !important;
  }
  header.top-header {
    position: static !important;
    display: block !important;
    float: left;
    width: 100% !important;
    transition: none !important;
  }
  header.top-header .nav-fixed {
    height: 50px !important;
    background: #f2f2f2 !important;
  }
  header.top-header .nav-fixed ul li a.nav-trigger {
    padding: 25px !important;
    width: 40px !important;
    border: none !important;
    top: 10px;
    left: 0px !important;
  }
  header.top-header .nav-fixed ul li a.nav-trigger p {
    display: none !important;
  }
  header.top-header .nav-fixed ul li label.fa.fa-search.search-icon {
    padding: 13px 10px !important;
    margin-left: 0px !important;
  }
  header.top-header .nav-fixed ul li:first-child {
    display: block !important;
  }
  header.top-header .header-right-section {
    padding: 10px 0px 10px 0px !important;
  }
  .nav-trigger span {
    top: 15px !important;
    left: 10px !important;
  }
  .header-right-section #mainNav .nav-item .dropdown-menu.alert {
    width: 280px !important;
    left: -250px !important;
    top: 29px !important;
    height: 370px !important;
    overflow: scroll !important;
  }
  .header-right-section #mainNav .nav-item .dropdown-menu.alert a.view-all {
    position: static !important;
    width: 250px !important;
  }
  .header-right-section ul li {
    padding: 0px 5px 0px 0px !important;
  }
  .header-right-section ul li a {
    font-size: 12px !important;
  }
  .header-right-section .navbar-expand-lg .navbar-nav .dropdown-menu {
    top: -120px !important;
  }
  .header-right-section .navbar-expand-lg .navbar-nav .dropdown-menu.show {
    top: 41px !important;
    left: 0px !important;
  }
  #market-visual #div-index-snap {
    margin-top: 15px !important;
    justify-content: left !important;
    margin: 20px 0px !important;
  }
  #bbo-padding {
    padding: 15px 5px !important;
    margin-bottom: 20px !important;
  }
  #bbo-padding .full-screen button {
    display: none !important;
  }
  #bbo-padding .p-20 #b-stock {
    padding: 0px !important;
  }
  #bbo-padding .po-details.sh-details #tabs {
    margin-bottom: 0px !important;
  }
  #bbo-padding .broker-list ul li {
    width: 50% !important;
    margin-bottom: 10px !important;
  }
  #bbo-padding .broker-list.res-table ul li {
    width: auto !important;
  }
  #bbo-padding #broker-detail ul li {
    width: 100% !important;
  }
  #bbo-padding #divBrokers ul li {
    width: 100% !important;
  }
  #bbo-padding #bbo-padding .broker-search-form {
    box-shadow: none !important;
    padding: 0px 0px;
    border-bottom: none !important;
    margin: 0px !important;
  }
  #bbo-padding #ss-search-form {
    border: none !important;
  }
  #bbo-padding #divStockScreenerData .pull-right.small {
    margin-top: 0px !important;
  }
  #bbo-padding .financial-search-form {
    padding: 8px !important;
  }
  #bbo-padding .broker-search-form.financial-search-form.text-center {
    padding: 0px !important;
  }
  #bbo-padding span.resetautocomplete {
    right: 0px !important;
    top: 10px !important;
  }
  #bbo-padding #sc-events ul#tabs {
    padding: 0px !important;
  }
  #bbo-padding #sc-events ul#tabs li {
    margin: 0px !important;
    padding: 0px 10px 0px 0px !important;
  }
  #bbo-padding .broker-search-form.mini-search-form.pull-right {
    border: none !important;
  }
  #bbo-padding .broker-search-form.mini-search-form.pull-right form .form-group {
    display: block !important;
    float: left;
    width: 100% !important;
  }
  #bbo-padding .mini-search-form form {
    display: block !important;
    float: left;
    width: 100% !important;
  }
  #bbo-padding .market-summary-title .stock-market-contact {
    margin: 0px 0px 10px !important;
    padding: 5px !important;
  }
  #bbo-padding .stock-trade-broker .broker-list.financial-tab-data ul li {
    width: auto !important;
    padding: 0px !important;
    margin: 0px !important;
  }
  #bbo-padding .stock-trade-broker .broker-list.financial-tab-data ul li a {
    padding: 10px 10px !important;
  }
  #bbo-padding .stock-trade-broker .broker-list.financial-tab-data ul li a:before {
    background: none !important;
  }
  #bbo-padding .stock-trade-broker .broker-list.financial-tab-data ul li a:hover {
    color: #666 !important;
  }
  #bbo-padding .stock-trade-broker .broker-list.financial-tab-data ul li a.active {
    border-bottom: 2px solid #30b983 !important;
    margin-left: 0px !important;
    color: #36437e !important;
  }
  #bbo-padding .filter-option .button form .ui-group {
    margin: 0px 0px 0px 0px !important;
  }
  .full-screen button {
    display: none !important;
    right: 0px !important;
    top: -20px !important;
  }
  #divFullStockWatch .fsw-fullscreen #div-index-snap {
    margin-top: 30px !important;
    justify-content: left !important;
    display: none !important;
    margin-top: 40px !important;
    justify-content: left !important;
    margin-bottom: -25px !important;
  }
  .filter-option .select-field.fsw-sector-filter {
    float: left !important;
    width: 100% !important;
  }
  .filter-option .select-field {
    width: 60% !important;
    margin: 0px !important;
  }
  .cnt .show-hide {
    top: 0px;
    right: 67% !important;
  }
  .nepse-index li {
    margin-right: 10px !important;
  }
  .indices-section-body {
    overflow-x: scroll !important;
    overflow-x: scroll;
    width: 100% !important;
    height: auto !important;
    padding: 0px !important;
  }
  .indices-section-body div#fullstock-market-summary-slider {
    display: none !important;
  }
  .indices-section-body .date-view ul.index-block li:nth-child(2) p {
    font-size: 14px !important;
    padding: 15px 0px !important;
  }
  section.cnt {
    padding: 0px 5px !important;
  }
  div#divFullStockWatch button.btn-collapse {
    display: none !important;
  }
  .indices-section.section-title.history-data .btn-collapse {
    display: none !important;
  }
  #tradesummary #bbo-padding .broker-search-form {
    padding: 0px !important;
    border: none !important;
    padding: 0px !important;
    border: none !important;
  }
  article.navigation-section.nav-up {
    position: static !important;
  }
  article.navigation-section.nav-down {
    position: static !important;
  }
  .nav-up {
    top: -66px !important;
  }
  .alphaFilter {
    position: static !important;
  }
  .menu {
    position: static !important;
  }
  .sticky {
    position: static !important;
  }
  ul.alphaFilter.menu {
    position: static !important;
  }
  ul.alphaFilter.menu.sticky {
    position: static !important;
    position: static !important;
    background: none !important;
  }
  #quick-search {
    margin-bottom: 0px !important;
    padding: 0px 0px !important;
    display: none !important;
  }
  #quick-search .indices-section-body .co-quick-links {
    padding: 0px 0px !important;
  }
  #quick-search .title-pattern1 h2 {
    display: none !important;
  }
  ul.co-quick-links li .button-4 {
    padding: 0px 5px !important;
  }
  .demo {
    padding: 0px !important;
  }
  #loader img {
    left: 25% !important;
  }
  a.d-none.d-sm-inline {
    display: block !important;
  }
  a.d-inline.d-sm-none {
    display: none !important;
  }
  p.text-center.text-white {
    position: static !important;
  }
  #side-nav ul li .view {
    width: 134% !important;
  }
  #side-nav ul li .view ul {
    height: 2000px !important;
    height: 2000px !important;
  }
  #side-nav ul li .view ul li ul {
    margin-top: 20px;
  }
  #side-nav ul li .view ul li:nth-child(even) {
    width: 100% !important;
  }
  #side-nav ul li .view ul li:nth-child(odd) {
    width: 100% !important;
  }
  #side-nav ul li:hover .view {
    width: 135% !important;
  }
  #side-nav .list-group-item ul {
    width: 45% !important;
  }
  #side-nav .list-group-item ul li:hover a:after {
    height: 38px !important;
  }
  #side-nav .list-group-item ul li a {
    font-size: 14px !important;
  }
  #side-nav .list-group-item ul li a.list-group-item.list-group-item-success:before {
    display: none !important;
  }
  #div-stock-up-down .fuller {
    width: 100% !important;
    height: 50px !important;
    width: 33.33% !important;
    height: 40px !important;
  }
  #div-stock-up-down .fuller.r-padder {
    padding-right: 5px !important;
  }
  #div-stock-up-down .gainers-top span:before {
    display: none !important;
  }
  #div-stock-up-down .gainers-top span p {
    left: 0px !important;
    bottom: -30px !important;
    font-size: 12px !important;
  }
  #divIndexSubIndexChart .nepse-indices[style] {
    margin-top: 0px !important;
  }
  #divIndexSubIndexChart .indices-section-body {
    padding: 0px !important;
  }
  #divIndexSubIndexChart .indices-section-body .date-view {
    padding: 0px 0px 10px 0px !important;
    /*ul.index-block {
    	li {
    		&:last-child {
    			display:none !important;
    		}
    	}
    }*/
  }
  #divIndexSubIndexChart .indices-section-body .date-view ul li {
    margin-right: 8px !important;
  }
  #divIndexSubIndexChart .indices-section-body .date-view ul li:first-child {
    padding: 11px 5px !important;
  }
  #divIndexSubIndexChart .indices-section-body .date-view ul li:first-child p {
    font-size: 13px !important;
  }
  #divIndexSubIndexChart .indices-section-body .date-view ul li:first-child:after {
    display: none !important;
  }
  #divIndexSubIndexChart .indices-section-body .date-view ul li:nth-child(2) p {
    padding: 10px 2px !important;
  }
  #divIndexSubIndexChart .indices-section-body .date-view ul li:nth-child(3) p {
    padding: 10px 2px !important;
  }
  #divIndexSubIndexChart .indices-section-body .date-view ul li:last-child p {
    padding: 10px 2px !important;
  }
  #divIndexSubIndexChart .indices-section-body #div-index-snap {
    display: block;
    float: left !important;
    width: 100% !important;
    margin: 40px 0px 0px 0px !important;
    padding: 0px 0px !important;
  }
  #divIndexSubIndexChart .indices-section-body .nepse-indices .ac-icon {
    top: 30px !important;
  }
  #divIndexSubIndexChart .select-field {
    width: 100% !important;
  }
  #divIndexSubIndexChart .title-pattern h2 {
    padding: 2px 10px 2px 0px !important;
  }
  #divIndexSubIndexChart .as-of-date-title {
    padding: 5px 0px 5px 10px !important;
  }
  .side-navigation {
    display: none !important;
  }
  #sub-navigation {
    display: none !important;
  }
  #sub-navigation .co-navigation {
    display: block !important;
  }
  #sub-navigation .co-navigation ul li {
    padding: 0px !important;
  }
  #mo-tree-map {
    margin-bottom: 0px !important;
  }
  #mo-tree-map .title-pattern h2 {
    padding: 0px 10px 0px 0px !important;
  }
  #mo-tree-map #sw-performance {
    padding-left: 0px !important;
    margin-left: -20px !important;
    width: 106% !important;
    display: block;
    float: left;
  }
  #mo-tree-map .statistic-data {
    padding: 15px 0px 0px !important;
  }
  #mo-tree-map .indices.nepse-performance.sub-indices-performance .history-data.tree-map {
    min-height: 100px !important;
    height: auto !important;
  }
  .breadcrumb-section {
    padding: 10px 0px !important;
    padding: 20px 0px 0px 0px !important;
  }
  .share-section {
    text-align: left !important;
  }
  .share-section a {
    margin-left: 2px !important;
    margin: 0px 5px 0px 0px !important;
  }
  .share-section a.d-inline.d-sm-none.portfolio:nth-child(odd) {
    display: none !important;
  }
  .breadcrumb {
    display: none !important;
  }
  .current-indices.date-view .select-field {
    margin-top: 10px !important;
  }
  .current-indices.date-view ul {
    height: auto !important;
  }
  #div-index-summary .fuller, #div-company-summary .fuller {
    width: 50% !important;
    padding: 0px 10px 0px 0px !important;
  }
  #div-index-summary .indices-inside-section, #div-company-summary .indices-inside-section {
    padding: 0px !important;
    box-shadow: none !important;
  }
  #div-index-summary .indices-inside-section .indices.turnover, #div-company-summary .indices-inside-section .indices.turnover {
    margin-bottom: 0px !important;
    height: auto !important;
  }
  #div-index-summary .title-pattern h2, #div-company-summary .title-pattern h2 {
    padding: 0px 0px !important;
  }
  #div-index-summary .title-pattern1 h2, #div-company-summary .title-pattern1 h2 {
    padding: 0px 0px !important;
  }
  #div-index-summary .as-of-date-title, #div-company-summary .as-of-date-title {
    padding: 5px 0px 15px 10px !important;
  }
  #p-summary {
    padding-bottom: 20px !important;
  }
  #p-summary #divPortSummary .fuller {
    width: 50% !important;
    padding: 5px !important;
  }
  #p-summary #divPortSummary .indices.turnover {
    min-height: 60px !important;
    margin-bottom: 0px !important;
  }
  #p-summary .indices-inside-section {
    padding: 0px 0px !important;
  }
  #p-summary .view-more [style] {
    position: absolute !important;
    bottom: -10px !important;
  }
  div#divPortfolioSummaryAsOfDate .as-of-date-title {
    padding: 5px 0px 0px 22px !important;
  }
  div#divPortfolioSummaryAsOfDate .as-of-date-title:before {
    left: 10px !important;
  }
  .stock-area-details .sa-section {
    padding-bottom: 0px !important;
  }
  .stock-area-details .sa-section a h3 {
    margin: 0px 0px 15px -10px !important;
  }
  .resp-tab-content.resp-tab-content-active {
    /*border:1px solid #c1c1c1 !important;*/
    border-top: none !important;
    overflow: scroll;
  }
  .resp-tabs-list li.resp-tab-item.resp-tab-active::before {
    display: none !important;
  }
  .resp-tabs-list li.resp-tab-item.resp-tab-active a {
    color: #30b983 !important;
  }
  .indices-section.section-title {
    box-shadow: none !important;
  }
  .indices-section.section-title ul.resp-tabs-list {
    display: none !important;
  }
  .indices-section.section-title #horizontalTab1 .resp-tabs-container[style] {
    padding: 0px !important;
  }
  .indices-section.section-title:hover {
    box-shadow: none !important;
  }
  .investment-overview #horizontalTab .resp-tabs-container {
    padding: 0px !important;
  }
  .title-pattern {
    display: block;
    float: left;
    width: calc(100% - 5px) !important;
    margin: 15px 0px !important;
    background: none !important;
  }
  .title-pattern h2 {
    padding: 0px 10px 0px 0px !important;
  }
  .as-of-date-title {
    padding: 5px 10px !important;
    padding: 5px 7px !important;
  }
  #sw-performance .history-data.tree-map {
    padding-right: 0px !important;
  }
  .indices-section.section-title.investment-overview[style] {
    height: auto !important;
    margin: 0px !important;
  }
  .indices-section.section-title[style] {
    height: auto !important;
  }
  .main-section {
    display: block;
    float: left !important;
    width: 100% !important;
    background: #fff !important;
  }
  .main-section #divMarketMover .indices-section {
    box-shadow: none !important;
    margin-bottom: 0px;
  }
  .main-section #divMarketMover .indices-section .demo h2.resp-accordion {
    padding: 8px 5px !important;
  }
  .main-section .co-title-section {
    margin: 0px 0px 10px 0px !important;
    box-shadow: none !important;
  }
  .section-title .as-of-date-title:before {
    left: 0px !important;
  }
  header .logo a {
    height: 75px !important;
    display: block;
    float: left;
    width: 100% !important;
    transition: none !important;
    background-size: auto !important;
    transition: none !important;
  }
  #navigation img {
    left: 18% !important;
  }
  #navigation #side-nav {
    padding: 10px 8px !important;
    width: 96% !important;
  }
  #navigation #side-nav .list-group-item {
    padding: 0px !important;
  }
  #navigation #side-nav .list-group-item ul li a.list-group-item {
    padding: 10px !important;
  }
  #navigation #side-nav ul li .view ul li ul {
    margin-top: 0px !important;
  }
  body.nav-open .top-header .nav-trigger span {
    background: #e2e2e2 !important;
  }
  body.nav-open .top-header .nav-trigger span.line1 {
    background: transparent !important;
  }
  body.nav-open header.top-header .nav-fixed ul li nav.nav-container {
    width: 100% !important;
  }
  #spnWatchlist {
    width: 100% !important;
  }
  #spnWatchlist .fuller {
    width: 100% !important;
    padding-right: 0px !important;
  }
  #spnPortfolio {
    width: 100% !important;
  }
  #spnPortfolio .fuller {
    width: 100% !important;
    padding-right: 0px !important;
  }
  .date-view {
    padding: 10px 0px !important;
  }
  .date-view ul.index-block {
    border: none !important;
    padding: 0px 0px !important;
    border-radius: 5px !important;
  }
  .date-view select#ddlMktMvrSectorList {
    width: 100% !important;
  }
  .date-view ul {
    display: block;
    float: left;
    width: 100% !important;
    height: 50px !important;
  }
  .date-view ul .select-field {
    position: static !important;
    width: 100% !important;
    margin-top: 10px !important;
  }
  .index-performance {
    padding-left: 0px !important;
  }
  .stock-performance .gainers-top {
    padding: 5px !important;
    width: 100% !important;
    border-radius: 5px !important;
  }
  .sub-indices-performance-title .title-pattern h2 {
    padding: 2px 10px 2px 0px !important;
  }
  .sub-indices-performance-title .as-of-date-title {
    padding: 5px 0px 5px 10px !important;
  }
  .view-more {
    padding: 0px 10px !important;
  }
  .view-more a {
    padding: 0px 0px 0px 0px !important;
  }
  .export-panel {
    margin: 0px 0px 0px 0px !important;
  }
  .pignose-calendar {
    box-shadow: none !important;
    padding: 0px !important;
  }
  #calender .pignose-calendar.pignose-calendar-blue.pignose-calendar-default {
    max-width: 100% !important;
  }
  #calender .view-more a {
    padding: 5px 20px 5px 0px !important;
  }
  #divHeaderSearchBox span.select2-selection.select2-selection--single {
    width: 42px !important;
    top: -9px !important;
    left: -20px !important;
    border: none !important;
  }
  #divHeaderSearchBox .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
    position: absolute;
    top: -4px;
    right: 1px;
    width: 45px;
    background: #fff !important;
    border-radius: 5px !important;
  }
  #divHeaderSearchBox .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    content: "\f002";
    position: absolute;
    font-family: "FontAwesome";
    top: 9px !important;
    right: 15px !important;
    color: #30b983 !important;
    font-size: 20px !important;
    top: 11px !important;
    right: 13px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
    position: absolute;
    padding: 5px 5px !important;
    top: 2px !important;
    right: 2px;
    width: 36px;
    background: #ddd !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 57% !important;
    display: none !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    content: "\f002";
    position: absolute;
    font-family: "FontAwesome";
    top: 10px !important;
    right: 10px !important;
    color: #333 !important;
  }
  .select2-container--default .select2-dropdown {
    width: 100% !important;
  }
  body.company-page .co-title-section .company-search {
    display: none !important;
  }
  body.company-page .co-title-section .company-contact {
    display: none !important;
  }
  #com-summary {
    box-shadow: none !important;
    margin-bottom: 0px !important;
    height: auto !important;
    padding: 0px !important;
    box-shadow: none !important;
    padding: 10px 0px 10px 0px !important;
  }
  #com-summary .nepse-indices .ac-icon {
    top: 35px !important;
  }
  #com-summary #technical-data {
    border: 1px solid #ddd !important;
    padding: 10px !important;
    margin-bottom: -20px !important;
    overflow-x: scroll !important;
    width: 100% !important;
  }
  #com-summary #technical-data table.table {
    overflow-x: scroll !important;
    width: 756px !important;
  }
  #com-summary #technical-data .pivot-point {
    overflow-x: scroll !important;
    width: 500px !important;
  }
  #com-summary #technical-data .pivot-point table#tblPivotAnalysis {
    overflow-x: scroll !important;
    width: 500px !important;
  }
  #com-summary .indices-section-body {
    margin: 0px !important;
    padding: 0px !important;
  }
  #com-summary .co-corporate-action ul li {
    width: 100% !important;
  }
  #com-tabs {
    box-shadow: none !important;
  }
  #com-tabs ul#interest_tabs {
    display: block !important;
    padding: 15px 0px !important;
  }
  #com-tabs #mytabs .tab-pane-data {
    padding: 5px 0px !important;
  }
  #com-tabs #mytabs .tab-pane-data .co-news-data {
    height: auto !important;
  }
  #com-tabs #co-news .tab-pane-data .co-news-data {
    height: 260px !important;
  }
  #com-tabs ul.resp-tabs-list li {
    margin: 0px 10px 0px 0px !important;
  }
  .co-fsection {
    padding: 20px 0px !important;
  }
  .co-title-section .search-box-alt .form-group input.companyautocomplete {
    margin-top: 0px !important;
    width: 100% !important;
    float: left !important;
  }
  .co-title-section .search-box-alt .form-group button {
    top: 0px !important;
  }
  .co-title-section .co-highlight .fuller {
    width: 50% !important;
    width: 50% !important;
    margin-bottom: 10px !important;
  }
  .co-title-section .co-highlight .co-highlight-block {
    width: 50% !important;
    width: 100% !important;
    padding-top: 0px !important;
    margin-bottom: 10px !important;
  }
  .co-title-section .co-highlight .col-xs-7-co .co-highlight-block {
    width: 100% !important;
  }
  .co-title-section .co-highlight .col-sm-3.fuller .co-highlight-block span {
    width: 100% !important;
  }
  .co-title-section .co-highlight .col-sm-3.fuller .co-highlight-block span span.ch-ltp {
    display: block;
    float: left;
    width: auto !important;
  }
  .co-title-section ul {
    margin-top: 10px !important;
  }
  .co-title-section ul li {
    width: 100% !important;
    border-right: none !important;
    margin: 0px 0px 10px 0px !important;
  }
  .co-title-section ul li p {
    border-right: none !important;
    padding: 0px !important;
  }
  .co-title-section .col-xs-5th {
    width: 100% !important;
  }
  .co-title-section #portfolio-summary {
    justify-content: left !important;
  }
  .co-title-section #portfolio-summary .col-xs-5th {
    width: 50% !important;
  }
  .promoter-details {
    width: 100% !important;
    margin: -25px 25px 0px 0px !important;
  }
  #show-hidden-menu {
    margin-top: 0px !important;
  }
  #show-hidden-menu p {
    padding: 0px !important;
  }
  #show-hidden-menu .fa-angle-down:before {
    right: -18px !important;
    top: -2px !important;
  }
  #stock-wise-movement #example2_length .shm-button {
    margin: 0px 0px 10px 0px !important;
  }
  #stock-wise-movement .dataTables_length {
    float: left !important;
  }
  .co-highlight .co-highlight-block {
    margin-bottom: 10px !important;
  }
  .co-highlight .co-highlight-block span span.ch-ltp {
    width: 100% !important;
  }
  .co-highlight .col-sm-3.fuller {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  .section-inside.co-fsection {
    margin-top: 20px !important;
  }
  .section-inside.co-fsection .indices-section.section-title {
    box-shadow: none !important;
  }
  .section-inside.co-fsection .indices-section.section-title .indices-section-body {
    box-shadow: none !important;
  }
  #divScreenerHomePage .indices-section.section-title {
    box-shadow: none !important;
  }
  .company-sticky-title .alphaFilter.menu.sticky {
    display: none !important;
  }
  .co-corporate-action ul li {
    width: 48% !important;
    padding: 5px 10px 0px 0px !important;
  }
  header.smaller .logo a {
    display: none !important;
  }
  .header-main {
    height: auto !important;
  }
  .header-main .logo {
    display: block;
    float: left;
    width: 100% !important;
  }
  .header-main .search-section .search-box {
    top: -120px !important;
  }
  label.fa.fa-search.search-icon {
    float: right !important;
    position: absolute;
    right: 40px !important;
    margin: 0px !important;
    display: block;
    float: right;
    text-align: right !important;
    position: absolute !important;
    right: 10px !important;
  }
  #tag-search:checked + div.search-box {
    width: 33% !important;
    margin: 0px !important;
  }
  #smm-section .market-diaries-inside {
    padding: 0px 5px !important;
  }
  #smm-section .market-diaries-inside .progress-title ul li {
    margin-right: 13px !important;
  }
  .co-navigation {
    overflow: scroll !important;
    display: none !important;
  }
  ul.big-nav {
    width: 1200px !important;
    margin-bottom: 2px !important;
  }
  .nav-fixed {
    display: block;
    float: left;
    width: 100% !important;
    background: #f4f4f4 !important;
    position: relative !important;
  }
  .nav-fixed ul li:last-child label.fa.fa-search.search-icon {
    display: block;
    float: right !important;
    width: 100% !important;
    position: absolute !important;
    right: 10px !important;
    text-align: right !important;
    z-index: 9999999999 !important;
  }
  #div-index-snap ul {
    height: auto !important;
  }
  #div-index-snap ul li {
    margin-right: 10px !important;
  }
  #div-index-snap ul li:first-child {
    border-radius: 5px !important;
  }
  .page-title h1 {
    margin-bottom: 10px !important;
  }
  .breadcrumb-main .share-section a {
    float: left !important;
    width: 47%;
    margin-right: 5px !important;
    padding: 5px 0px;
    text-align: center !important;
    margin-bottom: 5px;
  }
  .navbar-expand .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
    display: block;
    float: left;
    width: 65px !important;
    z-index: 99999 !important;
  }
  .navbar-expand .navbar-nav li a {
    z-index: 99999 !important;
  }
  ul.navbar-nav.ml-auto {
    width: 100% !important;
    margin: -120px auto 0px auto !important;
  }
  .sub-menu ul li {
    width: 47% !important;
  }
  .sub-menu ul li .button-4 {
    width: 100% !important;
  }
  .sub-menu ul li a {
    width: 100% !important;
  }
  .indices-section.section-title.company-overview {
    height: auto !important;
  }
  .indices-section.section-title.top-indices {
    height: auto !important;
    box-shadow: none !important;
    padding: 0px !important;
  }
  .indices-section.section-title.top-indices .stock-performance {
    margin: 0px 0px !important;
  }
  #main {
    height: auto !important;
  }
  .broker-list ul li {
    width: 100% !important;
    margin-bottom: 5px !important;
  }
  .broker-list .histroy-data-hl {
    float: left !important;
  }
  .broker-list .histroy-data-hl p.high {
    margin: 10px 10px 0px 0px !important;
    padding: 0px !important;
  }
  .broker-list .histroy-data-hl p.low {
    margin: 10px 10px 0px 0px !important;
    padding: 0px !important;
  }
  .fear-seaction {
    min-height: auto !important;
  }
  .fsw-date {
    display: block;
    float: left;
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  .investment-main {
    overflow-x: scroll !important;
    overflow: scroll !important;
  }
  .investment-main .social-share {
    display: block;
    float: left;
    width: 100% !important;
    margin-top: 10px !important;
  }
  .indices.nepse-performance.sub-indices-performance {
    overflow-x: scroll !important;
  }
  .indices.nepse-performance {
    overflow-x: scroll !important;
  }
  .risk-metric {
    overflow-x: scroll !important;
  }
  .broker-list.price-history {
    overflow: scroll !important;
  }
  .broker-list.price-history div#divData {
    overflow: scroll !important;
  }
  .broker-list.price-history table.table.table-striped.table-bordered {
    overflow-x: scroll;
    width: 1200px !important;
  }
  table.table {
    width: 900px !important;
    overflow-x: scroll !important;
    width: 1200px !important;
    border-collapse: separate !important;
  }
  table.table thead tr th {
    padding: 8px 5px !important;
    border-top: 1px solid #d2d2d2 !important;
    border-bottom: 1px solid #d2d2d2 !important;
  }
  .altman-wrap-title {
    background: #ededed !important;
  }
  .altman-wrap-title ul li {
    width: 100% !important;
  }
  .altman-wrap-title ul li:first-child a {
    display: none !important;
  }
  .altman-wrap-title ul li a {
    width: 100% !important;
  }
  .stock-block ul li {
    margin-bottom: 5px !important;
    margin-right: 15px !important;
  }
  .stock-block ul li:last-child {
    display: block;
    float: left;
    width: 100% !important;
    margin-left: 0px !important;
  }
  .a-z-stock-details .stock-block {
    height: auto !important;
  }
  .footer .quick-links ul li:after {
    display: none !important;
  }
  .footer-section .quick-links {
    margin: 30px 0px !important;
  }
  .footer-section .quick-links ul li {
    width: 100% !important;
  }
  .footer-section .quick-links ul li:after {
    display: none !important;
  }
  .footer-section .title-pattern {
    margin: 0px 0px 10px 0px !important;
  }
  .powered-by {
    float: left !important;
  }
  .grid-sizer {
    display: block;
    float: left;
    width: 100% !important;
  }
  .grid-item {
    display: block;
    float: left;
    width: 100% !important;
  }
  .col-xs-5ths {
    display: block;
    float: left;
    width: 100% !important;
  }
  #myTabContent #b-stock {
    height: auto !important;
  }
  #myTabContent #b-stock ul.pagination {
    bottom: 20px !important;
  }
  #myTabContent #b-stock ul li a {
    padding: 5px 10px !important;
  }
  #b-stock {
    padding: 20px 0px !important;
  }
  #b-stock ul#all_tabs {
    padding-left: 0px !important;
  }
  #b-stock ul#all_tabs li {
    /*width:50% !important;*/
    margin: 0px !important;
    margin-bottom: 5px !important;
    padding: 0px !important;
  }
  #b-stock ul#all_tabs li:first-child {
    margin: 0px !important;
    padding: 0px !important;
  }
  #b-stock ul#all_tabs li a {
    display: block;
    float: left;
    /*width:96% !important;*/
    margin: 0px !important;
    padding: 5px !important;
    margin-right: 10px !important;
  }
  #b-stock ul#all_tabs li a.active.show {
    margin: 0px !important;
  }
  .co-highlight-block {
    margin-bottom: 20px !important;
  }
  .pod-left {
    height: auto !important;
    margin-bottom: 20px !important;
  }
  .pod-right {
    height: auto !important;
  }
  .gs-section {
    margin-bottom: 20px !important;
  }
  .shd-left {
    margin-bottom: 20px !important;
  }
  .sh-table {
    overflow: scroll !important;
  }
  .po-pl-report .sh-table {
    overflow: scroll !important;
    float: left !important;
    width: 100% !important;
    display: block !important;
  }
  #po-allocation #div-sectorwise-pie-chart {
    border-right: none !important;
    margin-bottom: 0px !important;
  }
  #po-allocation #div-stockwise-pie-chart {
    border-right: none !important;
    margin-bottom: 0px !important;
  }
  #portfolio-summary .col-xs-7ths {
    width: 100% !important;
  }
  .p-transaction-rec {
    box-shadow: none !important;
  }
  .p-transaction-rec .trf-title ul {
    width: 100% !important;
  }
  .p-transaction-rec .po-details.sh-details {
    border: none !important;
    padding: 10px 0px !important;
    margin: 0px !important;
  }
  .p-transaction-rec .tr-form .tr-form-main .form-group {
    margin-bottom: 5px !important;
  }
  .p-transaction-rec .tr-form .tr-form-main .form-group label {
    margin-bottom: 0px !important;
  }
  .p-transaction-rec:hover {
    box-shadow: none !important;
  }
  .portfolio-overview .co-title-section {
    box-shadow: none !important;
    padding: 0px !important;
  }
  .portfolio-overview .co-title-section ul li {
    width: 100% !important;
  }
  .portfolio-overview .co-title-section ul li p {
    border-right: none !important;
  }
  .portfolio-overview .co-title-section ul.company-contact {
    display: none !important;
    padding: 5px !important;
  }
  .portfolio-overview .co-title-section ul.company-contact li {
    margin-bottom: 10px !important;
  }
  .portfolio-overview .co-title-section ul.company-contact li {
    line-height: 20px !important;
    float: left !important;
    width: auto !important;
  }
  .portfolio-overview .co-title-section ul.company-contact li .promoter-details {
    padding: 0px 25px 0px 0px !important;
  }
  .portfolio-overview .co-title-section ul.company-contact li .promoter-details #show-hidden-menu {
    line-height: 20px !important;
  }
  .portfolio-overview .co-title-section ul.company-contact li .promoter-details #show-hidden-menu p {
    line-height: 11px !important;
    margin: 0px !important;
  }
  .portfolio-overview .co-title-section ul.company-contact li .promoter-details .hidden-menu {
    position: absolute !important;
    z-index: 999 !important;
    padding: 0px 10px 0px 0px !important;
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
    right: 0px !important;
  }
  .portfolio-overview .promoter-details .hidden-menu {
    position: absolute !important;
    z-index: 999 !important;
    padding: 0px 10px 0px 0px !important;
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
    right: 0px !important;
  }
  .portfolio-overview .sh-table.lg-table {
    display: block;
    float: left;
    width: 100% !important;
  }
  .snap-details ul#ulInvChart li {
    width: 50% !important;
    margin: 5px 0px !important;
    padding: 0px 0px 0px 25px !important;
  }
  .snap-details ul#ulInvChart li em span {
    display: block;
    float: left;
    width: 100% !important;
    margin: 0px !important;
    position: relative;
  }
  .snap-details ul#ulInvChart li em span:after {
    top: 5px !important;
    left: 60px !important;
  }
  .indices-section.section-title.po-news-section {
    height: auto !important;
  }
  .wl-screener-data.scrollable-area.sticky-table.sticky-ltr-cell {
    display: block;
    float: left;
    width: 100% !important;
  }
  .sticky-table table td.sticky-cell:before {
    background: transparent !important;
  }
  .vertical-tab {
    padding: 20px 10px !important;
  }
  .indices-inside-section {
    overflow: scroll !important;
  }
  .tab-pane {
    overflow: scroll !important;
  }
  .fs-table-details {
    overflow: scroll !important;
  }
  .sa-section {
    margin-bottom: 20px !important;
  }
  .sa-section p.timer.count-title.count-number {
    padding: 10px 0px 0px 0px !important;
  }
  .sm-table {
    overflow: scroll !important;
  }
  .sm-table table.table {
    overflow-x: scroll;
    width: auto !important;
  }
  .lg-table {
    overflow: scroll !important;
  }
  .lg-table table.table {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .wl-table {
    overflow: scroll !important;
  }
  .wl-table table.table {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .transaction-history-details {
    overflow: scroll !important;
  }
  .transaction-history-details .thd-title {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .transaction-history-details #accordionExample {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .shareholder-table {
    overflow: scroll !important;
  }
  .shareholder-table ul.title {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .shareholder-table ul.main-body {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .co-table {
    overflow: scroll !important;
  }
  .co-table table.table {
    overflow-x: scroll;
    width: 100% !important;
  }
  .co-news .broker-search-form select {
    margin-bottom: 10px !important;
  }
  .mo-table {
    overflow: scroll !important;
  }
  .mo-table table.table {
    overflow-x: scroll;
    width: 800px !important;
  }
  #divBrokerBreakDown #divPager ul li {
    width: auto !important;
  }
  #divBrokerBreakDown .r-padder {
    padding: 0px !important;
  }
  #divBrokerBreakDown .l-padder {
    padding: 0px !important;
  }
  #divBrokerBreakDown ul.pagination.no-margin li {
    width: auto !important;
  }
  #divBrokerBreakDown .as-of-date p {
    padding: 0px 0px 0px 10px !important;
  }
  #divBrokerBreakDown .indices-inside-section {
    box-shadow: none !important;
    padding: 0px !important;
  }
  #divBrokerBreakDown #dateTime {
    display: block;
    float: left !important;
    width: 100% !important;
    padding: 0px !important;
    margin-bottom: 10px !important;
  }
  #divPager ul.pagination.no-margin li {
    width: auto !important;
  }
  #divBrokers #divStockPager ul.pagination.no-margin li {
    width: auto !important;
  }
  #divBrokerStockHoldings .show-hide {
    top: -13px !important;
  }
  .res-table {
    overflow: scroll !important;
  }
  .res-table table.table-xl {
    overflow-x: scroll;
    width: 1200px !important;
  }
  .res-table table.table-lg {
    overflow-x: scroll;
    width: 100% !important;
  }
  .main-login-form-wrap {
    width: 100% !important;
  }
  .login-form-right {
    width: 100% !important;
    padding: 20px !important;
  }
  .main-login-form {
    padding: 0px 0px !important;
  }
  .login-form-left {
    width: 100% !important;
    height: 250px !important;
  }
  .login-left-bg p {
    left: 20px !important;
  }
  .login-left-bg span {
    left: 20px !important;
  }
  .trial {
    margin-top: 30px !important;
    display: none !important;
  }
  .text-danger.validation-summary-errors {
    display: block;
    float: left;
    width: calc(100% - 40px) !important;
    top: -22% !important;
    left: 20px;
  }
  .swp-testimonial {
    width: 100% !important;
  }
  .swp-testimonial-block {
    min-height: auto !important;
  }
  .swp-testimonial-block .swp-testimonials-details {
    width: 100% !important;
  }
  .swp-testimonials-img {
    width: 50%;
    margin-right: 0px;
    float: none !important;
    text-align: center !important;
    margin: 0 auto !important;
    margin-bottom: 10px !important;
  }
  #nc-actions .con-listing ul li {
    width: 100% !important;
    height: auto !important;
    padding: 10px !important;
  }
  .follow ul li a.facebook {
    margin: 0px 5px 0px 0px !important;
  }
  .follow ul li a.youtube {
    margin: 0px 5px 0px 0px !important;
  }
  .follow ul li a.linkedin {
    margin: 0px 5px 0px 0px !important;
  }
  .follow ul li a.instagram {
    margin: 0px 5px 0px 0px !important;
  }
  .follow ul li a.twitter {
    margin: 0px 5px 0px 0px !important;
  }
  .follow ul li a.tiktok {
    margin: 0px 5px 0px 0px !important;
  }
  .follow ul li a.viber {
    margin: 0px 5px 0px 0px !important;
  }
  .follow .contact-info {
    margin-bottom: 0px !important;
  }
  .investment-opportunities-main #b-stock ul#all_tabs li a.active.show {
    margin-top: -3px !important;
  }
  .calculator-form {
    margin: 10px 0px !important;
  }
  .calculator-form form .form-group {
    margin-bottom: 0px !important;
  }
  .calculator-form form .form-group label {
    margin-bottom: 0px !important;
  }
  .calculator-form form .form-group input {
    margin-bottom: 15px !important;
  }
  .portfolio-form {
    margin: 10px 0px !important;
  }
  #add-trn-form .tr-form-section .form-group {
    margin-bottom: 5px !important;
  }
  #add-trn-form .tr-form-section .form-group input {
    display: block;
    float: left;
    width: 100% !important;
    width: 100% !important;
  }
  #add-trn-form .tr-form-section .form-group select {
    width: 100% !important;
  }
  #add-trn {
    display: block;
    float: left;
    width: 100% !important;
    background: #efefef !important;
    padding: 0px 20px !important;
  }
  #add-trn .form-group span {
    display: block;
    float: left;
    width: 100% !important;
    text-align: left !important;
    padding: 0px !important;
  }
  #add-trn .form-group input {
    display: block;
    float: left;
    width: 100% !important;
  }
  #dq-top table.table {
    width: 100% !important;
  }
  #dq-bottom table.table {
    width: 100% !important;
  }
  .col-xs-5th {
    width: 50% !important;
  }
  .dashboard-section .col-xs-5th {
    width: 30% !important;
  }
  .dashboard-design {
    width: 95% !important;
    margin: 0 auto !important;
  }
  .dashboard-design .dashboard-logo {
    margin: 0px 0px 10px 0px !important;
  }
  .dashboard-design .dashboard-logo img {
    width: 100% !important;
  }
  .dashboard-design .dashboard-form form {
    width: 100% !important;
  }
  .dashboard-design .dashboard-icon-list {
    width: 100% !important;
  }
  .dashboard-quicklinks {
    display: block;
    float: left;
    width: 100% !important;
    margin-bottom: 30px !important;
  }
  .dashboard-stock-block {
    height: 100px !important;
    margin-bottom: 0px !important;
  }
  .dashboard-stock-block i {
    font-size: 30px !important;
  }
  .dashboard-stock-block a {
    padding: 0px !important;
  }
  .dashboard-stock-block img {
    width: 50% !important;
  }
  body.dashboard-auto-select span.select2-dropdown.select2-dropdown--below {
    width: 82% !important;
  }
  body.dashboard-auto-select span.select2-dropdown.select2-dropdown--above {
    width: 82% !important;
  }
  .dashboard-form form .form-group .form-group {
    margin: 0px !important;
    width: 100% !important;
    text-align: left !important;
  }
  .row {
    justify-content: space-evenly !important;
  }
  .payment-gateway .col-xs-5th {
    width: 100% !important;
  }
  .payment-gateway .plan-wrapper .plan {
    padding: 0px !important;
    margin: 10px 0px !important;
    width: 100% !important;
    box-shadow: none !important;
    min-height: auto !important;
  }
  .payment-gateway .plan-wrapper .plan img {
    padding: 0px !important;
  }
  input.companyautocomplete {
    position: absolute;
    left: 1% !important;
    width: 100% !important;
    top: -15px !important;
  }
  .swp-profile {
    width: 100% !important;
  }
  .col-xs-5-az.fuller.padder {
    width: 100% !important;
    margin-bottom: 0px !important;
  }
  .col-xs-5-az:nth-child(even) {
    padding-left: 0px !important;
  }
  .col-xs-5-az:nth-child(odd) {
    padding-right: 0px !important;
  }
  .broker-list.stock-market-contact #spnAsOfDate {
    display: block !important;
    margin-bottom: 10px !important;
  }
  .broker-search-form.mini-search-form.pull-right {
    display: block !important;
    float: left !important;
    border: none !important;
  }
  #sw-gianer-loser {
    height: auto !important;
  }
  .company-address ul li p i:before {
    left: 45px !important;
  }
  .copyright-links {
    margin-top: 10px !important;
  }
  .copyright-links ul {
    float: left !important;
    margin-left: -8px !important;
  }
  .copyright-links ul li:after {
    top: 14px !important;
  }
  .copyright-links ul li a {
    padding: 0px 3px 0px 4px !important;
  }
  .footer-copyright {
    padding: 10px 0px 70px 0px !important;
  }
  .choose-company {
    width: 100% !important;
    padding: 100px 0px !important;
  }
  #stock-holding-movement .sh-movement select.po-select {
    width: 98% !important;
    margin: 0px !important;
  }
  #stock-holding-movement .trf-title .more-fun {
    width: 100% !important;
    text-align: right;
  }
  #stock-holding-movement .trf-title .shm-button a.btn {
    font-size: 13px !important;
    margin-bottom: 10px !important;
  }
  #stock-holding-movement .trf-title .shm-button button {
    font-size: 13px !important;
    margin-bottom: 10px !important;
  }
  #stock-holding-movement .shm-button {
    text-align: left !important;
    margin-top: 10px !important;
  }
  .holding-report .shd-left.sm-table {
    margin: 0px !important;
    padding: 0px !important;
  }
  .broker-search-form form .form-group input {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  .broker-search-form form a.dbOpenButton.btn.btn-secondary {
    top: 10px;
  }
  .indices-section.section-title.side-navigation {
    display: block !important;
  }
  span.select2-dropdown.select2-dropdown--below {
    width: 92% !important;
    top: 0px !important;
    left: 0px !important;
  }
  span.select2-dropdown.select2-dropdown--above {
    width: 92% !important;
    top: 0px !important;
    left: 0px !important;
  }
  #ss-search-form input.select2-search__field {
    margin: 5px 0px !important;
  }
  .newsletter-content .row .col-xs-5-az:first-child {
    display: none !important;
  }
  .newsletter-content .row .col-xs-5-az:last-child {
    display: none !important;
  }
  .newsletter-content .row .col-xs-5-az:nth-child(even) {
    display: none !important;
  }
  .newsletter-content .col-xs-5-az.fuller.padder .hover07.column figure {
    background: none !important;
    box-shadow: none !important;
  }
  .newsletter-section {
    padding: 10px !important;
  }
  .swp-subscription {
    display: block;
    float: left;
    width: 100% !important;
    padding: 5px !important;
    border: 5px solid #ddd !important;
    margin-top: 10px !important;
  }
  div#divSentimentHistory .table tbody tr td {
    width: 100% !important;
    display: block;
    float: left;
  }
  div#divSentimentHistory .table tbody tr td .progress-section .progress-title ul li {
    width: 100% !important;
    display: block;
    float: left;
  }
  #sc-events {
    padding: 0px !important;
    box-shadow: none !important;
  }
  #sc-events .tab-content {
    padding: 0px !important;
  }
  #bbo-padding-inside .mm-visualization ul#tabs {
    padding-left: 0px !important;
  }
  #treemap {
    padding: 0px !important;
  }
  #treemap #mapInfo .scale {
    text-align: left !important;
    margin: 10px 0px 0px !important;
  }
  #piechart {
    padding: 0px !important;
    overflow: visible !important;
  }
  #index-subindex-performance {
    box-shadow: none !important;
    padding: 5px !important;
  }
  #index-subindex-performance h2 {
    font-size: 17px !important;
    padding-right: 0px !important;
  }
  #index-subindex-performance .title-pattern1 {
    background: none !important;
  }
  #index-summary {
    box-shadow: none !important;
    padding: 5px !important;
  }
  #index-summary h2 {
    font-size: 17px !important;
    padding-right: 0px !important;
  }
  #index-summary .title-pattern1 {
    background: none !important;
  }
  #settings {
    padding: 10px !important;
  }
  #settings #priceAlert .card-body {
    padding: 5px 0px !important;
  }
  #settings #priceAlert .card-body form#stockAlertForm {
    overflow: scroll !important;
  }
  #settings #priceAlert .card-body form#stockAlertForm #stockAlertSettings {
    overflow-x: scroll !important;
    width: 1024px !important;
  }
  #settings #priceAlert .card-body form#stockAlertForm #stockAlertSettings table.table {
    width: 1200px !important;
    overflow-x: scroll !important;
  }
  #settings #stockWatch .card-body {
    padding: 5px 0px !important;
  }
  #settings #stockWatch .card-body form#stockWatchForm {
    display: block;
    float: left;
    width: 100% !important;
    overflow: scroll !important;
  }
  #settings #stockWatch .card-body form#stockWatchForm #stockWatchSettings {
    overflow-x: scroll !important;
    width: 800px !important;
  }
  #settings #stockWatch .card-body form#stockWatchForm #stockWatchSettings table.table {
    width: 800px !important;
    overflow-x: scroll !important;
  }
  #stockAlertSettings ul {
    width: 100% !important;
  }
  #stockAlertSettings .add-more a {
    text-align: left !important;
    display: block !important;
  }
  .advanced-chart-section {
    display: none !important;
  }
  .col-md-2.order-last.col-1.pl-0.pr-0.collapse.show.width.border-left.sidebar.vh-100 {
    display: none !important;
  }
  .as-data-field .as-data-top ul li a.navbar-brand {
    display: none !important;
  }
  .as-data-field .as-data-top ul li ul.navbar-nav li {
    margin-top: 0px !important;
  }
  .as-data-field .as-data-top ul li nav #ddlTemplate ul li a:before {
    display: none !important;
  }
  .as-data-field .as-data-top button.navbar-toggler.collapsed {
    display: none !important;
  }
  .as-data-field .as-data-top button.navbar-toggler {
    display: none !important;
  }
  .as-data-field .as-data-top .navbar-light .navbar-toggler-icon {
    display: none !important;
  }
  .as-data-field .as-data-top .navbar-collapse.collapse {
    display: block !important;
  }
  .advanced-screener {
    height: auto !important;
    max-height: none !important;
  }
  .advanced-screener .wrapper.toggled .as-sidebar {
    display: block !important;
    float: left;
    width: 100% !important;
    padding: 0px !important;
    position: static !important;
    margin: 0px 0px 20px 0px !important;
  }
  .advanced-screener-data {
    padding: 0px !important;
  }
  .advanced-screener-data .as-data-top ul li {
    width: 51% !important;
    margin: 0px !important;
    padding: 0px !important;
  }
  .advanced-screener-data .as-data-top ul li:last-child {
    display: block;
    float: left;
    width: 100% !important;
    margin: 5px 0px 0px 0px !important;
    width: 100% !important;
    float: left !important;
  }
  .advanced-screener-data .as-data-top ul li nav ul.navbar-nav li .dropdown-menu .as-templates {
    width: 250px !important;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-dialog {
    max-width: 90% !important;
    max-width: 90% !important;
    max-width: 96% !important;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-body {
    padding: 0px !important;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-body .card-header.tab-card-header {
    width: 100% !important;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-body .card-header.tab-card-header ul li a {
    overflow-wrap: break-word;
    padding: 10px 0px 10px 5px !important;
  }
  .advanced-screener-data .as-data-top ul li:nth-child(2) {
    width: 100% !important;
    margin: 5px 0px 0px 0px !important;
  }
  .advanced-screener-data .as-data-top ul li:nth-child(3) {
    width: 100% !important;
    margin: 5px 0px 0px 0px !important;
  }
  .advanced-screener-data .as-data-top ul li a#btnSaveTemplate {
    display: block;
    float: left;
    width: 100% !important;
  }
  .advanced-screener-data .as-data-top ul li a#btnSaveAsTemplate {
    display: block;
    float: left;
    width: 100% !important;
  }
  .advanced-screener-data .as-data-top ul li:nth-child(4) {
    border-right: none !important;
    display: block;
    float: left !important;
    width: 100% !important;
    margin: 5px 0px 0px 0px !important;
    padding: 0px !important;
  }
  .advanced-screener-data .as-data-top ul li a#btnExportTemplate {
    display: block;
    float: left !important;
    width: 100%;
    position: static !important;
  }
  .advanced-screener-data .as-data-top ul li button.btn.btn-primary {
    position: static !important;
    display: block;
    float: left;
    width: 100% !important;
  }
  .advanced-screener-data .as-data-top ul li button.btn.btn-primary:before {
    display: none !important;
  }
  .advanced-screener-data .as-data-top ul li:first-child {
    width: 100% !important;
  }
  .advanced-screener-data .as-data-top ul li #parameterModal .card-header {
    width: 40% !important;
  }
  .advanced-screener-data .as-data-top ul li #parameterModal #filterTabContent {
    width: 60% !important;
    margin-left: 40% !important;
  }
  .advanced-screener-data .as-data-top ul li #columnModal .modal-body .card-header.tab-card-header ul li {
    width: 33% !important;
    text-align: left !important;
    height: 40px !important;
  }
  .advanced-screener-data .as-data-top ul li #columnModal .modal-body .card-header.tab-card-header ul li a.active:before {
    display: none !important;
  }
  .advanced-screener-data .as-data-top ul li #columnModal button.btn.btn-primary {
    width: auto !important;
    display: block;
    float: left !important;
    padding: 0px 7px !important;
    text-align: left !important;
    margin: 0px !important;
  }
  .advanced-screener-data .as-data-top ul li .modal.show {
    z-index: 9999999999 !important;
  }
  .advanced-screener-data .tab-pane form .form-check {
    width: 33.33% !important;
    width: 100% !important;
  }
  .advanced-screener-data .tab-pane form .form-check label {
    padding: 5px 0px 10px 3px !important;
  }
  .advanced-screener-data .modal .modal-footer button:last-child {
    margin-top: 10px !important;
  }
  .advanced-screener-data .sticky-table table tr.sticky-header th {
    position: -webkit-relative !important;
    position: -ms-relative !important;
    position: relative !important;
  }
  .advanced-screener-data .sticky-table table tr.sticky-header td {
    position: -webkit-relative !important;
    position: -ms-relative !important;
    position: relative !important;
  }
  .advanced-screener-data .sticky-table table tr.sticky-footer th {
    position: -webkit-relative !important;
    position: -ms-relative !important;
    position: relative !important;
  }
  .advanced-screener-data .sticky-table table tr.sticky-footer td {
    position: -webkit-relative !important;
    position: -ms-relative !important;
    position: relative !important;
  }
  .wrapper.toggled {
    padding-left: 0px;
  }
  .wrapper.toggled .advanced-screener-wrapper {
    display: block;
    float: left;
    width: 100% !important;
    display: block;
    float: left;
    width: 100% !important;
    margin-right: -250px;
    min-height: 200px !important;
    max-height: 1200px !important;
    margin-bottom: 0px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: static !important;
    padding: 0px !important;
  }
  .wrapper.toggled .advanced-screener-wrapper .advanced-screener-data {
    display: block;
    float: right;
    width: 100% !important;
    padding: 0px !important;
    width: 100% !important;
    padding: 0px 0px 0px 0px !important;
  }
  .wrapper.toggled .advanced-screener-wrapper .modal-content {
    z-index: 99999 !important;
    top: 40px !important;
  }
  .wrapper.toggled .advanced-screener-data a.btn.btn-default.menu-toggle i.fa.fa-angle-left {
    display: none !important;
    left: 34px !important;
    display: block !important;
  }
  .alert-history .alert-content #ulHistory li {
    width: 100% !important;
    margin: 0px !important;
  }
  #divStockScreenerData .pull-right.small {
    display: none !important;
  }
  #divStockScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells {
    max-height: 90vh !important;
    overflow: scroll !important;
  }
  [data-type=gainer-name] a:before {
    display: none !important;
  }
  [data-type=loser-name] a:before {
    display: none !important;
  }
  [data-type=neutral-name] a:before {
    display: none !important;
  }
  #columnTabContent {
    margin-top: 80px !important;
  }
  body.advance-screener span.select2-dropdown.select2-dropdown--above {
    width: 89% !important;
    left: 0px !important;
  }
  body.advance-screener span.select2-dropdown.select2-dropdown--below {
    width: 89% !important;
    left: 0px !important;
  }
  #adminlogin .main-section .main-login-form {
    width: 100% !important;
  }
  .main-login-form-wrap.main-reg-form-wrap #frmRegistration {
    width: 100% !important;
    padding: 10px !important;
  }
  .main-login-form-wrap.main-reg-form-wrap .login-form-left.login-reg-form-left {
    width: 100% !important;
  }
  #frmRegistration .subscription-main-ln #divSubscription .col-xs-5th.r-padder {
    width: 100% !important;
  }
  #frmRegistration .subscription-main-ln div#divPromo {
    width: 100% !important;
  }
  #frmRegistration .subscription-main-ln div#divCost {
    width: 100% !important;
    padding: 0px !important;
  }
  #horizontalTab6 .resp-tabs-container h2[aria-controls=tab_item-0] a:nth-child(even) {
    display: block !important;
  }
  #horizontalTab6 .resp-tabs-container h2[aria-controls=tab_item-2] {
    display: none !important;
  }
  #horizontalTab6 .resp-tabs-container h2[aria-controls=tab_item-3] {
    display: none !important;
  }
  #horizontalTab1 .resp-tabs-container h2[aria-controls=tab_item-2] {
    display: block !important;
  }
  #divOwnership .indices-section-body {
    height: auto !important;
  }
  .financial-tab-data #sub-navigation {
    display: block !important;
  }
  .financial-tab-data #myTabContent table thead tr.sticky-header th:last-child {
    position: static !important;
  }
  .financial-tab-data #myTabContent table tbody tr td:last-child {
    position: static !important;
  }
  .mm-visualization {
    margin: -20px 0px 0px 0px !important;
  }
  .m-visualization-effect {
    margin: 15px 0px 10px 0px !important;
  }
  .history-data .m-visualization-effect .pull-right.node-filter {
    margin: 0px 0px 10px 0px !important;
    width: 93% !important;
  }
  .history-data .m-visualization-effect .pull-right.node-filter:after {
    display: none !important;
  }
  .history-data .m-visualization-effect .pull-right.date-range {
    margin: 0px 0px 10px 0px !important;
    width: 93% !important;
  }
  .mf-home-section .choose-company {
    width: 100% !important;
    padding: 20px 20px !important;
  }
  .broker-balance .bg-white.p-2.d-inline-block.rounded.mt-1.mr-4 {
    width: 90% !important;
    margin: 0 auto !important;
  }
  div#DataTables_Table_0_wrapper {
    width: 100% !important;
    float: left;
    overflow-x: scroll !important;
  }
  table#DataTables_Table_0 {
    width: 1200px !important;
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 567px) and (max-width: 768px) {
  body.company-page #com-summary {
    padding: 10px 0px !important;
  }
  body.company-page #com-summary .indices-inside-section .indices.summary-turnover {
    width: 95% !important;
  }
  body.company-page #com-summary .day-range {
    width: 95% !important;
  }
  body.company-page .main-section #quick-search {
    padding: 10px 0px 0px 0px !important;
  }
  body.company-page .main-section #quick-search .indices-section-body {
    padding-bottom: 0px !important;
  }
  .payment-gateway .plan-wrapper .plan {
    padding: 0px !important;
    margin: 10px 0px !important;
    width: 100% !important;
    box-shadow: none !important;
    min-height: 100px !important;
  }
  .payment-gateway .plan-wrapper .plan img {
    padding: 0px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .broker-search-form form .form-group input {
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    margin-top: 0px !important;
    width: calc(100% - 10px) !important;
  }
  #bbo-padding span.resetautocomplete {
    right: 0px !important;
    top: 0px !important;
  }
}
@media screen and (min-width: 767px) and (max-width: 767px) {
  .broker-search-form form .form-group input {
    margin-bottom: 10px !important;
    margin-left: 0px !important;
    margin-top: 10px !important;
  }
  #bbo-padding span.resetautocomplete {
    right: 0px !important;
    top: 10px !important;
  }
}
@media screen and (min-width: 480px) and (max-width: 766px) {
  .broker-search-form form .form-group input {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  #bbo-padding span.resetautocomplete {
    right: 0px !important;
    top: 10px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .igrowl {
    width: 340px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .side-navigation ul li {
    width: 100% !important;
    margin-right: 10px !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 1060px) {
  .navigation-section {
    display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .form-group.registration-action .col-md-6.fuller.padder-right {
    width: auto !important;
  }
  .form-group.registration-action .col-md-6.fuller.padder-left {
    width: auto !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 575px) {
  .col-sm-6.register-no-padder.padder-right {
    width: 50% !important;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-6.register-no-padder.padder-left {
    width: 50% !important;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #divSubscription .subscription-content-ln {
    padding: 10px 0px 10px 45px !important;
    height: 170px !important;
  }
  #divSubscription .subscription-content-ln span.saving {
    font-size: 12px !important;
  }
  .form-group.registration-action .col-md-6.fuller.padder-right {
    width: auto !important;
  }
  .form-group.registration-action .col-md-6.fuller.padder-left {
    width: auto !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .share-section #spnMarketStatus .live-data-refresh button {
    right: -20px !important;
  }
  #divFullStockWatch .filter-option .select-field {
    width: 90% !important;
  }
}
@media screen and (min-width: 480px) and (max-width: 575px) {
  .share-section #spnMarketStatus .live-data-refresh button {
    right: -20px !important;
  }
  #divFullStockWatch .filter-option .select-field {
    width: 90% !important;
  }
  .newsletter-content .row .col-xs-5-az {
    width: 100% !important;
  }
  .newsletter-content .row .col-xs-5-az:first-child {
    display: none !important;
  }
  .newsletter-content .row .col-xs-5-az:last-child {
    display: none !important;
  }
  .newsletter-content .row .col-xs-5-az:nth-child(even) {
    display: none !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 1200px) {
  #divCompletedOrders,
  #divOrderWatchList,
  #divOpenOrders {
    overflow-x: scroll !important;
    float: left !important;
    width: 100% !important;
    display: block !important;
  }
  #divCompletedOrders table,
  #divOrderWatchList table,
  #divOpenOrders table {
    width: 1200px !important;
  }
  table.table.table-hover.tbl-subscription-cost {
    width: 100% !important;
  }
  .dob-year {
    padding-right: 3px !important;
  }
  .dob-year select {
    font-size: 13px;
    padding: 5px;
  }
  .dob-month {
    padding-right: 3px !important;
  }
  .dob-month select {
    font-size: 13px;
    padding: 5px;
  }
  .dob-day select {
    font-size: 13px;
    padding: 5px;
  }
  #frmUpdateUser .validation-summary-errors {
    position: relative !important;
    width: 100% !important;
  }
  .modal-sms-code {
    width: 400px !important;
  }
  .heading-sub-text {
    font-size: 13px;
    display: block;
  }
  .main-login-form-wrap {
    width: 100% !important;
  }
  .main-login-form-wrap .login-form-section-wrap {
    width: 70% !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 480px) {
  .register-no-padder.padder-right {
    width: 100% !important;
    padding-right: 0px !important;
  }
  .register-no-padder.padder-left {
    width: 100% !important;
    padding-left: 0px !important;
  }
  .form-group.registration-action .col-md-6.fuller.padder-right {
    width: auto !important;
  }
  .form-group.registration-action .col-md-6.fuller.padder-left {
    width: auto !important;
  }
  #divFullStockWatch #myvideo .targetDiv .filter-option .select-field {
    width: 100% !important;
  }
  #divFullStockWatch #myvideo .targetDiv #horizontalTab1 .resp-tabs-container .ui-group .button-group {
    margin: 5px 0px !important;
  }
  #divFullStockWatch #myvideo .targetDiv #horizontalTab1 .resp-tabs-container .ui-group .button-group button {
    padding: 5px !important;
    margin: 0px 5px 5px 0px !important;
  }
  #divFullStockWatch #myvideo .targetDiv .indices-section.section-title {
    margin: 0px !important;
  }
  .indices-section.section-title .title-desc {
    padding: 15px 20px 0px 10px !important;
  }
  .indices-section.section-title .shm-description {
    margin: 0px !important;
  }
  .indices-section.section-title .shm-description .hidden-menu {
    top: 40px !important;
  }
  .calculator-form form .form-group span.select2 {
    margin: 0px 0px 10px 0px !important;
    height: 40px !important;
    display: ruby-text;
    float: left;
    width: 100% !important;
  }
  #bbo-padding .broker-search-form {
    margin: 0px 0px 20px 0px !important;
  }
  #bbo-padding .broker-search-form #brokerFilterForm {
    padding: 0px !important;
  }
  .header-right-section nav#mainNav {
    top: -115px !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 575px) {
  body.sidebar-mini.layout-fixed.sidebar-collapse nav.main-header.navbar.navbar-expand {
    height: 200px !important;
  }
  .header-right-section nav#mainNav {
    top: -95px !important;
    position: absolute !important;
  }
  table.table-alt thead tr.sticky-header th {
    position: static !important;
  }
  .search-section {
    bottom: -110px !important;
    width: 100% !important;
  }
  .search-section .search-box {
    width: 90% !important;
  }
  #divHeaderSearchBox span.select2-selection.select2-selection--single {
    width: 100% !important;
    position: static;
    margin: 0px !important;
    height: 47px !important;
  }
  body.sidebar-mini.layout-fixed nav.main-header.navbar.navbar-expand {
    position: static !important;
  }
  body.sidebar-mini.layout-fixed.sidebar-collapse .breadcrumb-section {
    margin: 0px 0px 10px 0px !important;
  }
}
/*mobile app css*/
@media screen and (min-width: 0px) and (max-width: 479px) {
  .header-right-section nav#mainNav {
    top: -135px !important;
  }
  .main-login-form-wrap {
    width: 100% !important;
  }
  .main-login-form-wrap .login-form-section-wrap {
    width: 90% !important;
  }
  .dashboard-design .dashboard-logo {
    margin: 10px 0px 10px 0px !important;
  }
  .dashboard-design .dashboard-icon-section {
    margin-top: 10px !important;
  }
  .dashboard-section .col-xs-5th {
    width: 46% !important;
    margin: 0px 10px 10px 0px !important;
  }
  /*universal*/
  * {
    scrollbar-width: thin !important;
    scrollbar-color: #fff #fff !important;
  }
  .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
  .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
  .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: none !important;
  }
  body.sidebar-mini.layout-fixed.sidebar-open ul.navbar-nav.ml-auto {
    margin: 0px 0px 0px 200px !important;
  }
  .broker-balance {
    margin: 5px 0px 0px 0px !important;
  }
  .broker-balance .bg-white.p-2.d-inline-block.rounded.mt-1.mr-4 a i {
    font-size: 18px !important;
    top: 6px !important;
  }
  #divWatchlist .select2-container--default .select2-selection--multiple {
    width: calc(100% - 10px) !important;
    margin: 10px 0px 0px 0px !important;
  }
  body {
    overflow-x: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif !important;
  }
  body h1, body h2, body h3, body h4, body h5, body h6,
  body p, body span, body em, body li, body ul li a, body a, body el, body ol, body span, body em, body text, body u, body svg {
    font-family: "Montserrat", sans-serif !important;
    box-shadow: none !important;
  }
  body h1 {
    font-size: 17px !important;
  }
  body h2,
  body h2.sm-mover,
  body .pattern h2.sm-mover {
    font-size: 16px !important;
  }
  body h3,
  body #snapshot h3 {
    font-size: 15px !important;
  }
  body text {
    font-size: 14px !important;
  }
  body p,
  body .text-up,
  body .text-down,
  body .text-neutral,
  body select, body input, body span, body textarea {
    font-size: 13px !important;
  }
  body .as-of-date p,
  body .as-of-date-title,
  body .pull-right.small,
  body span.pull-right {
    font-size: 11px !important;
    color: #555;
    font-weight: normal;
    text-align: left !important;
    display: block;
    float: left !important;
  }
  body button, body select, body input, body button#btnReload button#btnReset {
    font-family: "Montserrat", sans-serif !important;
    color: #000 !important;
    box-shadow: none !important;
  }
  body span.negative, body span.positive, body span.neutral {
    font-size: 11px !important;
  }
  #mcTooltipWrapper {
    width: 100% !important;
    z-index: 99999999 !important;
  }
  #mcTooltipWrapper div#mcTooltip {
    width: 100% !important;
    min-height: auto !important;
    overflow: hidden !important;
  }
  #mcTooltipWrapper div#mcTooltip .tooltip-header {
    width: 70% !important;
  }
  #mcTooltipWrapper div#mcTooltip .tt-transaction {
    display: block;
    float: left;
    width: 78% !important;
  }
  #mcTooltipWrapper div#mcTooltip .tt-transaction ul li {
    width: 30% !important;
  }
  #mcTooltipWrapper div#mcTooltip .tt-transaction ul li span {
    width: 100% !important;
  }
  #mcTooltipWrapper div#mcTooltip .tooltip-body {
    width: 76% !important;
    height: 300px !important;
    overflow-y: scroll !important;
  }
  #mcTooltipWrapper div#mcTooltip .tooltip-body .tt-body-left {
    width: 100% !important;
  }
  #mcTooltipWrapper div#mcTooltip .tooltip-body .tt-body-right {
    width: 100% !important;
  }
  #mcTooltipWrapper div#mcTooltip .mcTooltipInner {
    padding: 5px !important;
  }
  #mcTooltipWrapper .price-performance {
    height: 80px !important;
  }
  #mcTooltipWrapper #mcttCloseButton:after {
    font-size: 30px !important;
    left: 15px !important;
  }
  .jqibox {
    height: 100vh !important;
  }
  .jqibox .jqifade {
    height: 100vh !important;
  }
  .jqibox .jqi {
    display: block;
    float: left !important;
    width: 95% !important;
    top: 30% !important;
  }
  .jqibox .jqi form.jqiform .jqibuttons {
    text-align: center !important;
    margin-top: 50px !important;
  }
  .jqibox .jqi form.jqiform .jqibuttons .jqibutton {
    width: 45% !important;
    border-radius: 5px !important;
  }
  .jqibox .jqi form.jqiform .jqititle {
    background: #36437e !important;
  }
  .jqibox .jqi .jqimessage {
    font-size: 14px !important;
  }
  [data-type=looser-name] a:after {
    background: #ff433d !important;
    position: absolute;
    z-index: 9;
    content: "";
    width: 3px !important;
    left: 0 !important;
    top: 4px !important;
    height: 80% !important;
  }
  [data-type=loser-name] a:after {
    background: #ff433d !important;
    position: absolute;
    z-index: 9;
    content: "";
    width: 3px !important;
    left: 0 !important;
    top: 4px !important;
    height: 80% !important;
  }
  [data-type=gainer-name] a:after {
    background: #2e906a !important;
    position: absolute;
    z-index: 9;
    content: "";
    width: 3px !important;
    left: 0 !important;
    top: 4px !important;
    height: 80% !important;
  }
  [data-type=neutral-name] a:after {
    background: #0199da !important;
    position: absolute;
    z-index: 9;
    content: "";
    width: 3px !important;
    left: 0 !important;
    top: 4px !important;
    height: 80% !important;
  }
  .btn-block + .btn-block {
    margin-top: 10px !important;
  }
  a.btn {
    box-shadow: none !important;
  }
  .mb-3, .my-3 {
    margin: 0px 0px 15px 0px !important;
  }
  .hidden-menu {
    position: absolute !important;
    z-index: 999 !important;
    padding: 0px 10px 0px 0px !important;
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
    right: 0px !important;
  }
  .shm-description .hidden-menu {
    top: 82px !important;
  }
  #p-hidden-menu {
    position: static !important;
  }
  #bbo-padding {
    padding: 0px !important;
    margin: 0px !important;
  }
  .title-pattern, .title-pattern1 {
    background: none !important;
    margin: 10px 0px !important;
  }
  .title-pattern h2, .title-pattern1 h2 {
    padding: 0px !important;
  }
  .pattern {
    background: none !important;
    margin: 0px 0px 10px 0px !important;
  }
  .pattern h2.sm-mover {
    padding: 0px !important;
    background: #fff !important;
  }
  #divIndexSubIndexChart:hover form select#ddlIndicesList {
    box-shadow: none !important;
    padding: 10px !important;
    border-radius: 5px !important;
  }
  #divIndexSubIndexChart .current-indices.date-view .select-field {
    margin: 0px !important;
  }
  .filter-option .select-field.fsw-sector-filter {
    display: block;
    float: left !important;
    width: 100% !important;
    margin: 0px !important;
    margin: 0px 0px 5px 0px !important;
  }
  .select-field form select {
    display: block;
    float: left !important;
    width: 100% !important;
    padding: 10px !important;
    border-radius: 5px !important;
    margin: 0px 0px 10px 0px !important;
  }
  .sh-title ul li {
    width: 50% !important;
  }
  .sh-title ul li a {
    width: 100% !important;
  }
  .btn-dark {
    color: #fff !important;
  }
  #dateTime {
    padding: 10px 5px !important;
  }
  #ui-datepicker-div {
    width: calc(100% - 20px) !important;
    background: #fff !important;
    margin: 0 auto !important;
    border: 1px solid #ddd !important;
    z-index: 9999999 !important;
  }
  #ui-datepicker-div .ui-datepicker-header {
    padding: 5px !important;
    background: #f1f2f3 !important;
  }
  #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next {
    float: right !important;
  }
  #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
    text-align: center !important;
  }
  #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title span {
    font-size: 20px !important;
    font-weight: bold !important;
  }
  #add-trn-more a {
    display: block;
    float: left;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    padding: 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 5px;
    box-shadow: none !important;
  }
  #add-trn-more a:hover {
    color: #000 !important;
    background: #ddd !important;
  }
  #add-trn-more a:hover i {
    color: #000 !important;
  }
  #faqAccordian {
    display: block;
    float: left;
    width: 100% !important;
  }
  #faqAccordian .card {
    background: transparent !important;
  }
  #faqAccordian .card .card-header {
    padding: 0px !important;
    height: auto !important;
  }
  #faqAccordian .card .card-header h2 button {
    padding: 5px 50px 5px 5px !important;
  }
  #faqAccordian .card .card-header h2 button:before {
    top: 0px !important;
  }
  .accordion {
    display: block;
    float: left;
    width: 100% !important;
  }
  .accordion .card {
    box-shadow: none !important;
    border: none !important;
    background: #36437e;
  }
  .accordion .card .card-header {
    padding: 12px 10px !important;
    height: 40px !important;
    border-radius: 5px;
    border: none !important;
    box-shadow: none !important;
  }
  .accordion .card .card-header h5 a.d-block.w-100 {
    display: block;
    float: left !important;
    width: 100% !important;
    color: #fff !important;
  }
  .accordion .card .card-header h5 a.d-block.w-100 i.fa-filter {
    display: block;
    float: right !important;
    text-align: right !important;
    color: #fff !important;
    font-size: 20px !important;
  }
  .accordion .card .card-header h5 a.d-block.w-100 i.fa-filter {
    display: none !important;
  }
  .accordion .card .card-header h5 a.d-block.w-100 i.fa-filter:before {
    display: none !important;
  }
  .accordion .card .card-header h5 a.d-block.w-100:before {
    content: "\f107";
    position: absolute;
    display: block;
    float: right !important;
    text-align: right !important;
    color: #fff !important;
    font-size: 30px !important;
    font-weight: bold !important;
    right: 10px !important;
    font-family: "FontAwesome" !important;
    top: 5px !important;
  }
  .accordion .card .card-header h5 a.d-block.w-100.collapsed {
    display: block;
    float: left !important;
    width: 100% !important;
    color: #fff !important;
  }
  .accordion .card .card-header h5 a[aria-expanded=false] {
    display: block;
    float: left !important;
    width: 100% !important;
    color: #fff !important;
  }
  .accordion .card .card-header h5 a[aria-expanded=false]:before {
    content: "\f107";
    position: absolute;
    display: block;
    float: right !important;
    text-align: right !important;
    color: #fff !important;
    font-size: 30px !important;
    font-weight: bold !important;
    right: 10px !important;
    font-family: "FontAwesome" !important;
    top: 5px !important;
  }
  .accordion .card .card-header h5 a[aria-expanded=false]:after {
    display: none !important;
  }
  .accordion .card .card-header h5 a[aria-expanded=true]:before {
    display: none !important;
  }
  .accordion .card .card-header h5 a[aria-expanded=true]:after {
    content: "\f106";
    position: absolute;
    display: block;
    float: right !important;
    text-align: right !important;
    color: #fff !important;
    font-size: 30px !important;
    font-weight: bold !important;
    right: 10px !important;
    font-family: "FontAwesome" !important;
    top: 5px !important;
  }
  .accordion .card .card-body {
    display: block;
    float: left;
    width: 100% !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 5px;
    padding: 10px !important;
  }
  .accordion .card .card-body .broker-search-form {
    border-bottom: none !important;
    margin: 0px !important;
    box-shadow: none !important;
  }
  .accordion .card .card-body .broker-search-form form {
    padding: 0px !important;
  }
  .accordion .card .card-body .broker-search-form form .form-group {
    display: block;
    float: left;
    width: 100% !important;
    margin: 0px 0px 10px 0px !important;
  }
  .accordion .card .card-body .broker-search-form form .form-group span.select2 {
    display: block;
    float: left;
    width: 100% !important;
    height: 30px !important;
    padding: 0px !important;
  }
  .accordion .card .card-body .broker-search-form form .form-group span#select2-txtFloorsheetStockSymbolFilter-container {
    padding: 0px !important;
  }
  .accordion .card .card-body .broker-search-form form .form-group span.select2-selection.select2-selection--single {
    padding: 10px !important;
  }
  table tbody tr td.cell-loss span {
    text-align: center !important;
  }
  table tbody tr td.cell-gain span {
    text-align: center !important;
  }
  table tbody tr td.cell-neutral span {
    text-align: center !important;
  }
  #accordionExample .select2-dropdown, #accordionExample .select2-container {
    width: 100% !important;
  }
  form .form-group {
    display: block;
    float: left;
    width: 100% !important;
    margin: 0px 0px 5px 0px !important;
  }
  form .form-group span.select2 {
    display: block;
    float: left;
    width: 90%;
    font-weight: normal !important;
    height: auto !important;
  }
  form .form-group span.select2.select2-container.select2-container--default.select2-container--below {
    width: 100% !important;
    height: auto !important;
  }
  .financial-tab-data #myTabContent table thead tr.sticky-header th {
    position: static !important;
  }
  body .co-title-section {
    padding: 0px !important;
  }
  body .co-title-section .company-ltp {
    padding: 0px !important;
  }
  body .co-title-section .add-watchlist {
    float: right !important;
  }
  .sticky-table table td.sticky-cell, .sticky-table table th.sticky-cell, .sticky-table table td.sticky-cell-opposite, .sticky-table table th.sticky-cell-opposite {
    position: static !important;
  }
  .indices-section.section-title ul.resp-tabs-list {
    display: none !important;
  }
  .indices-section.section-title.dividend-analysis ul.resp-tabs-list {
    display: block !important;
    padding: 10px 0px !important;
  }
  .demo {
    padding: 0px !important;
  }
  .demo #horizontalTab2 .broker-search-form {
    width: 100% !important;
  }
  .demo #horizontalTab2 .broker-search-form form {
    padding: 10px 10px 10px 10px !important;
  }
  .demo #horizontalTab2 .resp-tabs-container {
    padding: 10px !important;
  }
  .demo #horizontalTab2 .resp-tabs-container h2.resp-accordion {
    display: none !important;
  }
  .history-data #tabs li a,
  .po-news-section .history-data #tabs li a {
    font-size: 15px !important;
  }
  .highcharts-background {
    stroke: none !important;
  }
  .section-inside.indices-section {
    box-shadow: none !important;
  }
  /*universal*/
  .indices.turnover, .portfolio-overview, .holding-report, .div-card-view {
    margin-bottom: 7px !important;
    border: none !important;
  }
  .indices.turnover p, .portfolio-overview p, .holding-report p, .div-card-view p {
    margin-bottom: 5px !important;
    font-size: 11px !important;
  }
  .indices.turnover p:first-child, .portfolio-overview p:first-child, .holding-report p:first-child, .div-card-view p:first-child {
    color: #777 !important;
  }
  .indices.turnover p:last-child, .portfolio-overview p:last-child, .holding-report p:last-child, .div-card-view p:last-child {
    font-weight: 600 !important;
    color: #444 !important;
  }
  .indices.turnover span, .portfolio-overview span, .holding-report span, .div-card-view span {
    font-size: 13px !important;
    line-height: 150% !important;
    margin-bottom: 5px !important;
    font-weight: 600 !important;
    padding: 0px !important;
  }
  .indices.turnover span.text-normal, .portfolio-overview span.text-normal, .holding-report span.text-normal, .div-card-view span.text-normal {
    font-size: 11px !important;
    font-weight: 400 !important;
  }
  .indices.turnover span a.symbol, .portfolio-overview span a.symbol, .holding-report span a.symbol, .div-card-view span a.symbol {
    padding: 0px !important;
  }
  .indices.turnover .row .col-4 span, .portfolio-overview .row .col-4 span, .holding-report .row .col-4 span, .div-card-view .row .col-4 span {
    line-height: 150% !important;
  }
  .tr-form-table .transaction-record-details .tr-form-section {
    border: 1px solid #ddd !important;
    padding: 10px !important;
    background: #f7f7f7 !important;
  }
  #add-trn-form .del-section {
    top: 5px !important;
    right: 5px !important;
  }
  #add-trn-form .del-section a {
    color: #fff !important;
  }
  #add-trn-form .del-section a i {
    color: #fff !important;
  }
  #add-trn-form .del-section a i:hover {
    color: #fff !important;
  }
  #com-summary {
    padding: 0px !important;
  }
  .table.table-borderless td {
    border: none !important;
  }
  #snapshot {
    padding: 0px !important;
  }
  #po-allocation {
    margin: 0px !important;
  }
  .indices-section.section-title.top-indices #divIndexSubIndexChart .stock-performance {
    margin: 0px !important;
  }
  table tbody tr td, table tbody tr th, table thead tr td, table thead tr th, .table tbody tr td, .table tbody tr th, .table thead tr td, .table thead tr th {
    font-size: 12px !important;
  }
  table tbody tr td span, table tbody tr th span, table thead tr td span, table thead tr th span, .table tbody tr td span, .table tbody tr th span, .table thead tr td span, .table thead tr th span {
    border-radius: 5px !important;
    font-size: 12px !important;
  }
  table tbody tr td a, table tbody tr th a, table thead tr td a, table thead tr th a, .table tbody tr td a, .table tbody tr th a, .table thead tr td a, .table thead tr th a {
    font-size: 12px !important;
  }
  .day-range, .day-range1 {
    margin-top: 0px !important;
  }
  .day-range em, .day-range1 em {
    margin: 0px 0px 5px 0px !important;
    font-weight: bold !important;
  }
  .day-range p, .day-range1 p {
    margin: 0px 0px 5px 0px !important;
    font-weight: normal !important;
  }
  .day-range p, .day-range em, .day-range1 p, .day-range1 em {
    font-size: 11px !important;
  }
  .day-range p span, .day-range em span, .day-range1 p span, .day-range1 em span {
    font-size: 11px !important;
    font-weight: bold !important;
  }
  .day-range p span:after, .day-range em span:after, .day-range1 p span:after, .day-range1 em span:after {
    top: 37px !important;
  }
  .div-port-stock-data .row, .div-port-sector-data .row, .div-card-view .row {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 0px 0px 10px 0px !important;
    padding: 10px !important;
  }
  .div-port-stock-data .row .p-1, .div-port-sector-data .row .p-1, .div-card-view .row .p-1 {
    padding: 0px 0px 5px 0px !important;
  }
  .div-port-stock-data .row .p-1 p a, .div-port-sector-data .row .p-1 p a, .div-card-view .row .p-1 p a {
    padding: 0px !important;
  }
  .div-port-stock-data .row .p-2, .div-port-sector-data .row .p-2, .div-card-view .row .p-2 {
    padding: 0px 5px 5px 0px !important;
  }
  /*market*/
  .p-2 {
    padding: 10px !important;
  }
  .p-2 #div-index-summary .title-pattern {
    margin: 10px 0px 5px 0px !important;
  }
  .p-2 #div-index-summary .day-range span.range:after {
    border-radius: 5px !important;
    top: 37px !important;
  }
  .p-2 #div-index-summary .day-range1 span.range1:after {
    border-radius: 5px !important;
    top: 37px !important;
  }
  .p-2 #div-index-summary .indices-inside-section .indices.turnover {
    padding: 0px 0px 14px 0px !important;
  }
  .p-2 #div-index-summary .indices-inside-section .indices.turnover p {
    font-size: 12px !important;
  }
  .p-2 #div-index-summary .indices-inside-section .indices.turnover:hover {
    border-bottom: none !important;
  }
  .p-2 #div-index-summary .indices-inside-section .indices.turnover:hover p:first-child {
    font-weight: normal !important;
  }
  .p-2 .indices-section.section-title.top-indices.mo-index .title-pattern1 {
    margin: 20px 0px -5px 0px !important;
  }
  .p-2 #highcharts-9sd3cvx-0 {
    width: 100% !important;
  }
  .p-2 input.form-control.hasDatePicker {
    display: block;
    float: left !important;
    width: 100% !important;
    height: auto !important;
    padding: 20px !important;
    border-radius: 5px !important;
    margin: 0px 0px 10px 0px !important;
  }
  .p-2 .form-group .input-group .form-control {
    height: auto !important;
    padding: 10px !important;
  }
  .p-2 .form-group .input-group input#txtTradeDateFilter {
    height: auto !important;
    margin: 0px 0px -10px 0px !important;
  }
  .p-2 form .form-group .input-group-append button#btnReset {
    height: 34px !important;
    padding: 2px 12px !important;
    font-size: 26px !important;
    right: 2px !important;
    position: absolute;
    top: 2px !important;
  }
  /*market*/
  /*portfolio*/
  body.adjust-page #ui-datepicker-div {
    display: none !important;
  }
  .indices.turnover, .portfolio-overview, .holding-report, .div-card-view {
    margin: 0px !important;
  }
  .indices-section.section-title.po-news-section {
    margin: 0px !important;
  }
  .indices-section.section-title.po-news-section .history-data {
    margin: 0px !important;
    padding: 0px 0px 0px 0px !important;
  }
  .indices-section.section-title.po-news-section .history-data ul#tabs {
    border-bottom: none !important;
    padding: 0px !important;
  }
  .indices-section.section-title.po-news-section .history-data .view-more {
    position: static !important;
    padding: 0px !important;
    margin: 0px !important;
  }
  .indices-section.section-title.po-news-section .snap-details {
    padding: 10px !important;
    margin: 0px 0px 0px 0px !important;
  }
  .indices-section.section-title.po-news-section #snapshot #po-snap .row h3 {
    padding: 0px !important;
    margin: 10px 0px 5px 0px !important;
  }
  .indices-section.section-title.po-news-section #snapshot #po-snap .row .col-6 {
    padding: 0px 5px 0px 0px !important;
  }
  .indices-section.section-title.po-news-section #snapshot #po-snap .row .col-6 .snapshot {
    margin: 0px 0px 10px 0px !important;
    border-radius: 5px !important;
  }
  .indices-section.section-title.po-news-section #snapshot #po-snap .row .col-6 .snapshot em {
    padding: 0px 0px 5px 0px !important;
  }
  .indices-section.section-title.po-news-section #snapshot #po-snap .row .col-6 .snapshot em h3 {
    margin: 10px 0px 5px 0px !important;
  }
  .mm-visualization {
    margin: -20px 0px 0px 0px !important;
  }
  .mm-visualization .tab-content #treemap #divAsOfDate {
    width: 100% !important;
  }
  #market-visual #div-index-snap {
    margin: 24px !important;
  }
  .m-visualization-effect {
    margin: 0px 0px 0px 0px !important;
  }
  .full-screen button {
    top: 0px !important;
  }
  .portfolio-overview {
    padding: 0px !important;
  }
  .portfolio-overview .row.border-bottom.pt-2.pb-2 {
    padding: 10px 5px !important;
  }
  .portfolio-overview .shd-right.history-data.sm-mover .sw-investment {
    border-radius: 5px !important;
    margin-bottom: 10px !important;
  }
  .portfolio-overview .shd-right.history-data.sm-mover .sw-investment h3 {
    border-radius: 5px !important;
  }
  .portfolio-overview .shd-right.history-data.sm-mover .sw-investment .sw-image {
    margin-bottom: 0px !important;
  }
  .portfolio-overview .co-title-section {
    padding: 0px 0px 10px 0px !important;
  }
  .portfolio-overview .co-title-section .co-highlight {
    padding: 0px 0px 0px 0px !important;
  }
  .portfolio-overview .co-title-section .co-highlight #portfolio-summary {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px !important;
  }
  .portfolio-overview .co-title-section .co-highlight #portfolio-summary .col-6 {
    padding: 0px !important;
  }
  .portfolio-overview .co-title-section .co-highlight #portfolio-summary .co-highlight-block {
    padding: 0px 0px 0px 0px !important;
  }
  .portfolio-overview .co-title-section .co-highlight #portfolio-summary .co-highlight-block p {
    font-size: 13px !important;
  }
  .portfolio-overview .co-title-section .co-highlight #portfolio-summary .co-highlight-block span {
    margin: 0px 0px 0px 0px !important;
  }
  .portfolio-overview .co-title-section .co-highlight #portfolio-summary .col-12 {
    padding: 0px !important;
  }
  .portfolio-overview .co-title-section .co-highlight #portfolio-summary .col-12 .co-highlight-block {
    margin: 0px 0px 0px 0px !important;
  }
  .portfolio-overview form#adjustForm .tr-form .tr-form-main {
    border: none !important;
    border-radius: 5px !important;
    margin: 0px 0px 15px 0px !important;
  }
  .portfolio-overview form#adjustForm .tr-form .tr-form-main .form-group {
    margin: 0px 0px 0px 0px !important;
  }
  .portfolio-overview form#adjustForm .tr-form .tr-form-main .form-group .co1-12 {
    margin: 0px 0px 0px 0px !important;
  }
  .portfolio-overview form#adjustForm .tr-form .tr-form-main .form-group span {
    margin: 0px !important;
    padding: 4px 5px 3px 5px !important;
  }
  .portfolio-overview form#adjustForm .tr-form .tr-form-main .form-group .col-6 {
    margin: 0px 0px 0px 0px !important;
  }
  .portfolio-overview form#adjustForm .tr-form-section .col-12, .portfolio-overview form#adjustForm .tr-form-section .mb-2 {
    margin: 10px 0px 0px 0px !important;
  }
  .portfolio-overview form#adjustForm .tr-form-section .col-12 .form-group, .portfolio-overview form#adjustForm .tr-form-section .mb-2 .form-group {
    margin: 0px 0px 5px 0px !important;
  }
  .portfolio-overview form#adjustForm .tr-form-section .col-12 .form-group label, .portfolio-overview form#adjustForm .tr-form-section .mb-2 .form-group label {
    margin: 0px 0px 0px 0px !important;
  }
  .portfolio-overview form#adjustForm .tr-form-section .col-12 .form-group label.error, .portfolio-overview form#adjustForm .tr-form-section .mb-2 .form-group label.error {
    margin: 0px 0px 0px 0px !important;
  }
  .portfolio-overview form#adjustForm .tr-form-section .col-12 .form-group .select2-container--default, .portfolio-overview form#adjustForm .tr-form-section .mb-2 .form-group .select2-container--default {
    width: 100% !important;
  }
  .portfolio-overview form#adjustForm .tr-form-section .col-12 .form-group .select2-container--default .select2-selection--single .select2-selection__rendered, .portfolio-overview form#adjustForm .tr-form-section .mb-2 .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0px !important;
  }
  .portfolio-overview form#adjustForm .tr-form-section .col-12 .form-group .select2-container--default .select2-selection--single .select2-selection__arrow:after, .portfolio-overview form#adjustForm .tr-form-section .mb-2 .form-group .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    top: 5px !important;
  }
  .portfolio-overview form#adjustForm .tr-form-section .col-6 {
    margin: 0px 0px 0px 0px !important;
  }
  .portfolio-overview form#adjustForm .tr-form-section .col-6 .form-group {
    margin: 0px 0px 5px 0px !important;
  }
  .portfolio-overview form#adjustForm .tr-form-section .col-6 .form-group label {
    margin: 0px 0px 0px 0px !important;
  }
  .portfolio-overview form#adjustForm .transaction-record-details .tr-form-section {
    border: none !important;
    border-radius: 5px !important;
  }
  .portfolio-overview form#adjustForm .modal .modal-dialog .modal-content {
    width: 95% !important;
  }
  .portfolio-overview form#adjustForm .modal .modal-dialog .modal-content .modal-body table tbody tr td {
    background: #fff !important;
  }
  .portfolio-overview form#adjustForm .modal .modal-dialog .modal-content .modal-footer {
    padding: 10px !important;
  }
  .portfolio-overview form#adjustForm .modal .modal-dialog .modal-content .modal-footer .btn-secondary {
    color: #fff !important;
  }
  .portfolio-overview form#adjustForm .modal .modal-dialog .modal-content .modal-footer .btn-primary {
    color: #fff !important;
    border: 1px solid #000 !important;
    margin: 0px 0px 0px 0px !important;
  }
  .portfolio-overview form#adjustForm .form-group.form-action-btn {
    margin-bottom: 0px !important;
  }
  .portfolio-overview form#adjustForm .form-group.form-action-btn a.btn-add {
    display: block;
    float: left;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    padding: 10px !important;
    border: none !important;
    border-radius: 5px;
    box-shadow: none !important;
    background: #30b983 !important;
    margin: 0px 0px 10px 0px !important;
  }
  .portfolio-overview #divData .card {
    margin: 0px 0px 10px 0px !important;
  }
  .portfolio-overview #divData .card span.badge {
    padding: 10px !important;
    margin: 0px !important;
  }
  .portfolio-overview #divData .card .card-body {
    padding: 10px !important;
  }
  .portfolio-overview #divData .card .card-body .p-1 {
    padding: 0px !important;
    margin: 0px 0px 10px 0px !important;
  }
  .portfolio-overview #divData .card .card-body .p-1 p {
    margin: 0px 0px 0px 0px !important;
  }
  .portfolio-overview #divData .card .card-body .p-1 a.btnEdit.btn.btn-sm.btn-outline-success {
    background: #f1f1f1 !important;
    border: 1px solid #f1f1f1;
    width: 30px !important;
    height: 30px !important;
    text-align: center !important;
    padding: 5px 0px !important;
  }
  .portfolio-overview #divData .card .card-body .p-1 a.btnEdit.btn.btn-sm.btn-outline-success i {
    color: #333 !important;
  }
  .portfolio-overview #divData .card .card-body .p-1 a.btnDelete.btn.btn-sm.btn-outline-danger {
    background: #f13a3a !important;
    order: 1px solid #f13a3a;
    width: 30px !important;
    height: 30px !important;
    text-align: center !important;
    padding: 5px 0px !important;
  }
  .portfolio-overview #divData .card .card-body .p-1 a.btnDelete.btn.btn-sm.btn-outline-danger i {
    color: #fff !important;
  }
  .p-transaction-rec {
    margin: 0px !important;
  }
  .p-transaction-rec .stock-holding.portfolio-overview .row .col-12.fuller.mb-3 {
    padding: 0px !important;
  }
  /*portfolio*/
  /*corporate actions*/
  #divBrokerBreakDown {
    padding: 0px !important;
  }
  #divBrokerBreakDown #nc-actions {
    padding: 0px !important;
  }
  #divBrokerBreakDown #nc-actions .div-card-view .row.border-bottom.pt-2.pb-2 {
    padding: 10px 10px !important;
    margin: 0px 0px 10px 0px !important;
  }
  #divBrokerBreakDown #nc-actions .div-card-view .row.border-bottom.pt-2.pb-2 .p-1 {
    padding: 0px 0px 5px 0px !important;
  }
  #divBrokerBreakDown #nc-actions .div-card-view .row.border-bottom.pt-2.pb-2 .p-1 p a {
    padding: 0px !important;
  }
  #divBrokerBreakDown #nc-actions .div-card-view .row.border-bottom.pt-2.pb-2 .p-2 {
    padding: 0px 5px 5px 0px !important;
  }
  #divBrokerBreakDown .resp-tabs-container h2 {
    display: block;
    width: 100% !important;
    float: left !important;
    border: none !important;
    padding: 10px 10px !important;
    margin: 0px 0px 2px 0px !important;
    background: #f1f1f1 !important;
  }
  #divBrokerBreakDown .resp-tabs-container h2.resp-tab-active {
    background: #666 !important;
  }
  #divBrokerBreakDown .resp-tabs-container h2.resp-tab-active a {
    color: #fff !important;
  }
  #divBrokerBreakDown .resp-tabs-container .resp-tab-content {
    padding: 10px 0px !important;
  }
  .wl-radio-btn.auction-filter {
    display: block;
    float: left;
    width: 100% !important;
    padding: 0px !important;
    margin: 0px 0px 10px 0px !important;
  }
  .wl-radio-btn.auction-filter .form-check {
    width: 50% !important;
    display: block;
    float: left;
    margin: 0px !important;
  }
  /*corporate actions*/
  /*company*/
  .p-2 .co-title-section {
    padding: 0px 0px 5px 0px !important;
    margin: 0px 0px 0px 0px !important;
  }
  .p-2 .co-title-section h1 {
    line-height: 24px !important;
  }
  .p-2 .co-title-section .company-ltp {
    padding: 0px !important;
  }
  .p-2 .co-title-section .company-ltp span {
    font-size: 14px !important;
  }
  .p-2 .co-title-section .company-contact li p {
    font-weight: bold !important;
  }
  .p-2 .co-title-section .company-contact li p catg {
    font-weight: normal !important;
  }
  .p-2 #com-summary .indices-inside-section #div-company-summary .indices.turnover {
    padding: 0px 0px 10px 0px !important;
  }
  .p-2 #com-summary .indices-inside-section #div-company-summary .indices.turnover:hover {
    border-bottom: none !important;
  }
  .p-2 #com-summary .indices-inside-section #div-company-summary .indices.turnover:hover p {
    font-weight: normal !important;
    font-size: 11px !important;
  }
  .p-2 #com-summary .indices-inside-section #div-company-summary .indices.turnover:hover p:last-child {
    font-weight: bold !important;
  }
  .p-2 #com-summary .indices-inside-section #div-company-summary .indices.turnover span {
    display: block !important;
    float: left !important;
    font-size: 11px !important;
    line-height: 15px !important;
  }
  .p-2 #com-summary .indices-inside-section #div-company-summary .day-range span.range:after {
    top: 38px !important;
    border-radius: 5px !important;
  }
  .p-2 #com-summary .indices-inside-section #div-company-summary .day-range1 span.range1:after {
    top: 38px !important;
    border-radius: 5px !important;
  }
  .p-2 #com-summary .indices-inside-section .mt-3 {
    margin: 5px 0px 0px 0px !important;
  }
  .p-2 #com-summary .indices-inside-section .mt-3 table tbody tr td a span {
    margin: 0px 5px 0px 0px !important;
  }
  .p-2 #companies .card.mr-4.company-navigate {
    display: block;
    float: left;
    width: 100% !important;
    margin: 0px 0px 10px 0px !important;
    box-shadow: none !important;
  }
  .p-2 #companies .card.mr-4.company-navigate .p-2 {
    padding: 10px !important;
    display: block;
    float: left;
    width: 100% !important;
  }
  .p-2 .section-title h2 {
    padding: 0px !important;
    border-bottom: none !important;
    font-weight: bold !important;
  }
  .p-2 .section-title .indices-section-body .pull-right {
    display: block;
    float: left;
    width: 100% !important;
    margin: 10px 0px 0px 0px !important;
  }
  .p-2 .section-title .indices-section-body #divKeyFinancialsData .scrollable-area.sticky-table.sticky-ltr-cells {
    padding: 10px 0px 0px 0px !important;
  }
  .p-2 .section-inside .co-insiders {
    min-height: auto !important;
    border-radius: 5px !important;
  }
  .p-2 .section-inside .co-insiders h2 {
    font-size: 14px !important;
    font-weight: normal !important;
  }
  .p-2 .section-inside .co-insiders #mytabs .tab-pane-data {
    padding: 0px !important;
  }
  .p-2 .section-inside .co-insiders .indices-section-body {
    width: 100% !important;
    padding: 10px !important;
    overflow-x: scroll;
    height: auto !important;
    margin: 0px !important;
  }
  .p-2 .section-inside .co-insiders .indices-section-body .progress-section {
    margin: 0px !important;
  }
  .p-2 .section-inside .co-insiders .indices-section-body table.table {
    overflow-x: scroll;
  }
  .p-2 .section-inside .co-insiders .as-of-date.pull-right {
    margin: 0px !important;
  }
  .p-2 .section-inside .co-insiders .as-of-date.pull-right p {
    display: none !important;
  }
  .p-2 .section-inside .co-insiders .tabbable .tab-content .tab-pane {
    height: auto !important;
    overflow: visible !important;
  }
  .p-2 .section-inside .co-insiders .tabbable .tab-content .tab-pane .co-news-data {
    height: auto !important;
    overflow: visible !important;
  }
  .p-2 .section-inside .co-insiders .tabbable .tab-content .tab-pane .co-news-data .indices-section-body {
    height: auto !important;
    overflow: visible !important;
  }
  .p-2 .section-inside .co-insiders .tabbable ul li a {
    font-weight: normal !important;
    font-size: 14px !important;
  }
  .p-2 .section-inside #company-address h2 {
    margin: 0px !important;
    text-align: left !important;
    padding: 0px !important;
    line-height: 49px !important;
    font-size: 14px !important;
  }
  .p-2 .section-inside #company-address h2 i {
    display: block !important;
    float: left !important;
    width: 50px !important;
    animation: none !important;
    padding: 15px 18px !important;
    background: #ddd !important;
    margin-right: 10px !important;
    font-size: 20px !important;
  }
  .p-2 .section-inside #company-address .indices-section-body {
    height: auto !important;
    overflow: none !important;
  }
  .p-2 .section-inside #company-address .indices-section-body ul {
    display: block;
    float: left;
    width: 100% !important;
  }
  .p-2 .section-inside #company-address .indices-section-body ul li {
    display: block;
    float: left;
    width: 100% !important;
    text-align: left !important;
    margin: 0px 0px 15px 0px !important;
  }
  .p-2 .section-inside #company-address .indices-section-body ul li p {
    padding: 0px 0px 0px 8px !important;
    font-size: 13px !important;
  }
  .p-2 .section-inside #company-address .indices-section-body ul li p i {
    position: static !important;
  }
  .p-2 .section-inside #company-address .indices-section-body ul li p i:before {
    left: 0px !important;
    position: absolute !important;
    top: 4px !important;
  }
  .p-2 .company-footer {
    display: block;
    float: left !important;
    width: 100% !important;
  }
  .p-2 .company-footer #wrapper {
    width: 100% !important;
    margin: 0 auto !important;
  }
  #tblCgtReport_wrapper .top {
    display: block;
    float: left;
    width: 100% !important;
  }
  #tblCgtReport_wrapper .top #tblCgtReport_length {
    display: block;
    float: left;
    width: 100% !important;
    margin: 10px 0px 0px 0px !important;
    text-align: left !important;
  }
  #tblCgtReport_wrapper .top #tblCgtReport_filter {
    display: block;
    float: left;
    width: 100% !important;
    margin: 10px 0px 0px 0px !important;
    text-align: left !important;
  }
  #company-address h2 {
    margin: 0px 0px 0px 0px !important;
  }
  #company-address ul li {
    display: inline-block;
    width: 100% !important;
    text-align: center !important;
  }
  /*company*/
  /*investment opportunities*/
  .investment-opportunities-main .main-tab-pane .tab-pane .tab-content h6 {
    margin: 0px 0px 5px 0px !important;
    font-size: 14px !important;
  }
  .investment-opportunities-main .main-tab-pane .tab-pane .tab-content span.pull-right.return-looser {
    position: absolute;
    right: 0px !important;
    margin: 0px 0px 0px 0px !important;
  }
  .investment-opportunities-main .main-tab-pane .tab-pane .tab-content span.pull-right.return-gainer {
    position: absolute;
    right: 0px !important;
    margin: 0px 0px 0px 0px !important;
  }
  .investment-opportunities-main .main-tab-pane .tab-pane .tab-content span.pull-right.coming-soon {
    position: absolute;
    right: 0px !important;
    margin: 0px 0px 0px 0px !important;
  }
  .investment-opportunities-main .main-tab-pane .tab-pane .tab-content .pb-2 .p-2 p {
    margin: 0px !important;
  }
  .investment-opportunities-main .main-tab-pane .tab-pane .tab-content .pb-2 .p-2 span {
    font-size: 13px !important;
    line-height: 21px !important;
  }
  .investment-opportunities-main .main-tab-pane .tab-pane .tab-content .p-1 {
    padding: 0px !important;
  }
  .investment-opportunities-main .main-tab-pane .tab-pane .tab-content .p-1 p {
    margin: 0px 0px 10px 0px !important;
  }
  /*investment opportunities*/
  .advanced-screener-data .as-data-top ul li .modal .modal-body #columnTabContent {
    margin: 0px !important;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-header h1 {
    width: 100% !important;
    font-size: 16px !important;
    text-align: left !important;
    padding: 10px 0px 10px 20px !important;
    display: block;
    float: left;
    margin: 0px 0px 40px 0px !important;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-header input#columnSearch {
    width: 85% !important;
    margin: 5px 40px 5px 0px !important;
    float: left !important;
    display: block;
    height: auto !important;
    padding: 7px 10px !important;
    position: absolute;
    left: 20px !important;
    top: 38px !important;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-header button.close {
    padding: 8px 12px 8px 12px !important;
  }
  .advanced-screener-data .as-data-top ul li .modal .modal-footer button {
    color: #fff !important;
    padding: 10px !important;
  }
  .advanced-screener-data .as-data-top ul li #columnModal #columnTabContent form .form-check {
    width: 50% !important;
  }
  #divAccountStatement,
  #divCgtReport {
    display: block;
    float: left;
    width: 100% !important;
    overflow: scroll !important;
  }
  #divAccountStatement .dataTables_wrapper,
  #divCgtReport .dataTables_wrapper {
    display: block;
    float: left;
    width: 100% !important;
    overflow: scroll !important;
  }
  #divAccountStatement .dataTables_wrapper .top,
  #divCgtReport .dataTables_wrapper .top {
    display: block;
    float: left;
    margin: 0px !important;
    text-align: left !important;
    width: 100% !important;
  }
  #divAccountStatement .dataTables_wrapper .top div#tblAccountStatement_length,
  #divCgtReport .dataTables_wrapper .top div#tblAccountStatement_length {
    display: block;
    float: left;
    margin: 0px !important;
    text-align: left !important;
  }
  #divAccountStatement .dataTables_wrapper .top #tblAccountStatement_filter,
  #divCgtReport .dataTables_wrapper .top #tblAccountStatement_filter {
    display: block;
    float: left;
    margin: 0px !important;
    text-align: left !important;
  }
  #divAccountStatement .dataTables_wrapper table,
  #divCgtReport .dataTables_wrapper table {
    width: 1800px !important;
    overflow-x: scroll !important;
  }
  .co-insiders .as-of-date.pull-right {
    top: 0px !important;
    left: calc(100% - 120px) !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 8000px) {
  span.select2-dropdown.select2-dropdown--below {
    border-radius: 0px !important;
    top: 4px !important;
    z-index: 99999999999 !important;
  }
  .scrollable-area.sticky-table.sticky-ltr-cells table.table-alt tr td a.tooltip-button i {
    position: absolute !important;
    top: 9px !important;
  }
  .screener-data.scrollable-area.sticky-table.sticky-ltr-cells #tblNear52WeeksH_wrapper table.table-alt tr td a.tooltip-button i,
  .screener-data.scrollable-area.sticky-table.sticky-ltr-cells #tblFundamentalSignals_wrapper table.table-alt tr td a.tooltip-button i {
    right: 0px !important;
    position: absolute !important;
  }
  #divMutualFundScreenerData .screener-data.scrollable-area.sticky-table.sticky-ltr-cells table.table-alt tr td a.tooltip-button i {
    right: 0px !important;
    position: absolute !important;
  }
  #divStockHoldingData .scrollable-area.sticky-table.sticky-ltr-cells table.table-alt tr td a.tooltip-button i {
    right: 0px !important;
    position: absolute !important;
  }
  #divAgm table.table-alt tr td a.tooltip-button i,
  #divAuction table.table-alt tr td a.tooltip-button i {
    right: 0px !important;
    position: absolute !important;
  }
}
/*mobile app css*/
/*responsive*/