body {
    margin: 0;
    padding: 0;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px !important;
    letter-spacing: normal;
    color: #eee;
    background: #000000
}



h1, h2, h3, h4, h5, h6, label {
  color: #FFF;
}

label {
  font-weight: 500;
}

.text-capitalize {
  text-transform: capitalize
}

/*customer support*/
#scroll-top-link {
  display: none !important;
}

.chat-tooltip {
  display: block;
  right: -4px;
  bottom: 0;
  position: fixed;
  z-index: 5000000;
  /*overflow: hidden;*/
  cursor: pointer;
  /*width: 60px !important;
  height: 60px !important;*/
  /* border: 1px solid #202020; */
  text-align: center;
  float: none;
  /* box-shadow: 0 3px 3px 0 rgba(0,0,0,.137); */
  /* border-radius: 55%; */
  padding: 0;
  margin-bottom: 20px;
  background: transparent;
}

  .chat-tooltip .popover.left > .arrow {
    top: 50% !important;
  }

  .chat-tooltip .chat-tooltip-button {
    width: 83px;
    height: 33px;
    opacity: 0;
  }

  .chat-tooltip .popover {
    color: #fff;
    border: transparent;
    background-color: #202020;
    left: -127px !important;
    margin-top: 2px !important;
  }

    .chat-tooltip .popover.left > .arrow:after {
      border-left-color: #202020;
    }


#chatholder {
  display: block;
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 5000000;
  overflow: hidden;
  cursor: pointer;
  width: 60px !important;
  height: 60px !important;
  border: 1px solid #202020;
  text-align: center;
  float: none;
  box-shadow: 0 3px 3px 0 rgba(0,0,0,.137);
  border-radius: 55%;
  padding: 0;
  margin-bottom: 6px;
  background: white;
}

#chaticongb {
  width: 44px;
  height: 45px;
  margin-top: 11px;
}

#chatholder span {
  color: #fff;
  font-size: 36px;
  line-height: 58px;
}

  #chatholder span:before {
    content: "\e560";
  }

#chatcontainer {
  display: none;
  bottom: 0px;
  right: 0px;
  position: fixed;
  z-index: 2147483647;
  margin-top: 0px;
  margin-bottom: 34px;
  margin-right: 0px;
  padding: 0px;
  height: 500px !important;
  box-shadow: 0 5px 30px rgba(0,0,0,.16) !important;
  border-left: 1px solid whitesmoke;
  background: #000000;
  background-image: url('/content/theme/images/loading200.gif');
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  background-size: 100px;
  border-radius: 3px;
}

#supportholder {
  height: 100%;
  margin: 0px;
  overflow: hidden;
  position: relative;
  vertical-align: text-bottom;
  visibility: visible;
  width: 100%;
  z-index: 2147483647;
}

#chatwindow {
  background: #202020;
  color: white;
  height: 34px;
  text-align: left;
  line-height: 35px;
  box-shadow: 0 3px 10px #202020 !important;
  border-radius: 6px 0px 0 0;
  border-top: 1px solid whitesmoke;
}

  #chatwindow p {
    font-size: 13px;
    padding-left: 5px;
    display: inline-table;
  }

  #chatwindow i {
    font-size: 16px;
  }

    #chatwindow i#chathide {
      margin-right: 2%;
    }

.chat-close-icon {
  color: #fff;
  cursor: pointer;
}

  .chat-close-icon:hover {
    color: #ef4c36;
    cursor: pointer;
  }
/*end customer support*/
.animate-show-hide.ng-hide {
  opacity: 0
}

.color-white {
  color: #fff !important
}

form.ng-pristine {
  background-color: #000
}

form.ng-dirty {
  background-color: #000
}
.slide.ng-enter {
  transition: 0.5s linear all;
  transform: translateY(-100px);
}

  .slide.ng-enter.ng-enter-active {
    transform: translateY(0);
  }
.animate-show-hide.ng-hide-add, .animate-show-hide.ng-hide-remove {
  transition: all linear .5s
}

.check-element {
  border: 1px solid #000;
  opacity: 1;
  padding: 10px
}




.new-inputfield {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #eee;
  font-size: 12px;
  z-index: 5
}

  .new-inputfield i {
    position: absolute;
    right: 5px
  }

.newsbg {
  background-color: #202020;
  padding: 0 0 3px;
  height: 30px;
  overflow: hidden
}

.none {
  display: none
}

#ticker {
  float: left
}

table thead.gb-head {
  background-color: #202020;
  color: white;
}

.block {
  padding: 4px 12px;
  height: 27px;
  overflow: hidden;
  background: transparent;
  width: 100%
}

  .block ul, .block li {
    margin: 0;
    padding: 0;
    list-style: none
  }

    .block li a {
      display: block;
      height: 20px;
      line-height: 5px;
      color: #fff;
      text-decoration: none;
      padding: .6em;
      width: 100%;
      font-weight: 400
    }

.top-0 {
  position: relative;
  top: 0
}

.top-1 {
  position: relative;
  top: 1px
}

.top-2 {
  position: relative;
  top: 2px
}

.top-3 {
  position: relative;
  top: 3px
}

.top-4 {
  position: relative;
  top: 4px
}

.top-5 {
  position: relative;
  top: 5px
}

.top-6 {
  position: relative;
  top: 6px
}

.top-7 {
  position: relative;
  top: 7px
}

.top-8 {
  position: relative;
  top: 8px
}

.top-9 {
  position: relative;
  top: 9px
}

.top-10 {
  position: relative;
  top: 10px
}

.top-15 {
  position: relative;
  top: 15px
}

.top-20 {
  position: relative;
  top: 20px
}

.top-25 {
  position: relative;
  top: 25px
}

.top-30 {
  position: relative;
  top: 30px
}

.top-0 {
  position: relative;
  top: 0
}

.bottom-1 {
  position: relative;
  bottom: 1px
}

.bottom-2 {
  position: relative;
  bottom: 2px
}

.bottom-3 {
  position: relative;
  bottom: 3px
}

.bottom-4 {
  position: relative;
  bottom: 4px
}

.bottom-5 {
  position: relative;
  bottom: 5px
}

.bottom-6 {
  position: relative;
  bottom: 6px
}

.bottom-7 {
  position: relative;
  bottom: 7px
}

.bottom-8 {
  position: relative;
  bottom: 8px
}

.bottom-9 {
  position: relative;
  bottom: 9px
}

.bottom-10 {
  position: relative;
  bottom: 10px
}

.bottom-15 {
  position: relative;
  bottom: 15px
}

.bottom-20 {
  position: relative;
  bottom: 20px
}

.bottom-25 {
  position: relative;
  bottom: 25px
}

.bottom-30 {
  position: relative;
  bottom: 30px
}

.fullheader {
  background-color: #000000;
  transition: top 0.5s ease-in-out;
}

button.prev {
  padding: 2px 8px;
  background: transparent;
  border: solid #fff 1px;
  border-radius: 1px
}

button.next {
  padding: 2px 8px;
  background: transparent;
  border: solid #fff 1px;
  border-radius: 1px
}

.label {
  display: inline;
  padding: .5em .8em;
  font-size: 117%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0 !important
}

.news {
  line-height: 21px
}

.newsChart {
  min-width: 50px;
  height: 25px;
}


.stylish-input-group {
  border: 1px solid #eae9e9
}

  .stylish-input-group .input-group-addon {
    background: #fff !important
  }

  .stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #fff
  }

  .stylish-input-group button {
    border: 0;
    background: transparent;
    color: #ababab;
    font-weight: 400
  }

.borderpadding {
  border-radius: 2px
}

.btnlanguage {
  padding: 0 10px;
  margin-right: 10px;
  border-radius: 2px;
  color: #fff;
  background: #ff351a;
  border: none
}

  .btnlanguage:hover {
    color: #fff;
    border-color: #4b7d9d;
    background: #ff351a
  }

  .btnlanguage:focus {
    color: #fff;
    border-color: #4b7d9d;
    background: #ff351a
  }

  .btnlanguage .caret {
    margin-left: 10px
  }

.headermenu {
  background: #202020
}

.first-color {
  background-color: #202020
}

.second-color {
  background-color: #202020
}

.customnavbar {
  background: none;
  border: 0;
  margin: 0 -25px
}

.custommenubar > li > a {
  color: #355f77 !important
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  background-color: transparent
}

.marketnews {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #05273c
}

.white {
  color: #fff
}

.btnleftright .btn {
  background: transparent;
  border: 1px solid #c2d7da;
  color: #c2d7da;
  border-radius: 1px;
  padding: 5px 8px
}

.forleftmargin {
  margin-left: 5px !important
}

.marketnewsbtn {
  background: #ff6060;
  color: #fff;
  margin-left: 10px;
  padding: 5px 12px;
  margin-right: 20px
}

.middlecontent {
  padding-top: 178px;
  padding-bottom: 20px
}

.custompanelaccordian .panel-heading {
  padding: 15px;
  background: transparent
}

.custompanelaccordian .panel-group .panel {
  border-radius: 1px
}

.custompanelaccordian .panel {
  border-left: 2px solid #e7e7e7 !important
}

.googlehorizontal {
  padding-bottom: 30px;
  padding-top: 30px;
  background: #6278a8;
  background: -webkit-linear-gradient(#6278a8,#499898);
  background: -o-linear-gradient(#6278a8,#499898);
  background: -moz-linear-gradient(#6278a8,#499898);
  background: linear-gradient(#6278a8,#499898);
  color: #fff;
  margin-bottom: 5px
}

.stockimg {
  margin-bottom: 20px
}

.pagefooter {
  padding-top: 30px;
  /* padding-bottom: 30px; */
  background: #000;
}

.headingborder {
    color: #eee;
    border-bottom: 2px solid #3a3a3a;
    padding-bottom: 15px
}

.footermenu {
  list-style-type: none;
  padding-left: 0 !important
}

  .footermenu li {
    line-height: 25px
  }

.socialicons {
  list-style-type: none;
  padding-left: 0 !important
}

  .socialicons li {
    display: inline;
    line-height: 25px;
    padding: 0 8px;
    color: #757f7f
  }

.paddingleft0 {
  padding-left: 0 !important
}

.footercopyright {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #1d4d6a;
  color: #fff;
  font-weight: lighter;
  background: #202020 !important
}

  .footercopyright a {
    color: #fff !important
  }

  .footercopyright p {
    margin-bottom: 5px
  }

.gccchart a img {
  margin: 0 0 0 15px
}

/*.markets {
  background-color: #000
}
*/
.gccstockmarket {
  background-color: transparent;
  padding: 10px 15px 0px 15px;
}

.marketsindices ul {
  margin: 0;
  padding: 0
}

  .marketsindices ul li {
    float: left;
    text-transform: uppercase;
    padding: 0;
    line-height: 36px;
    list-style: none;
    font-weight: 400;
    border-bottom: 1px solid #efefef
  }

    .marketsindices ul li i {
      padding: 0
    }

    .marketsindices ul li:nth-child(2) {
      padding: 0 0 0 8px;
      width: 20%
    }

.market-div.market-active ul li {
  font-weight: 700;
  color: #eee;
}

.market-div.market-active ul:hover .fa {
  display: inline !important
}

.market-div ul:hover {
  cursor: pointer;
  background-color: #333333
}

.marketsindices ul li:nth-child(3) {
  padding: 0;
  width: 38%;
  text-align: right !important
}

.marketsindices ul li:nth-child(4) {
  padding: 0 0 0 10px;
  width: 38%;
  color: #35b121;
  text-align: right
}

.marketsindices_down ul {
  margin: 0;
  padding: 0
}

  .marketsindices_down ul li {
    float: left;
    text-transform: uppercase;
    padding: 0;
    list-style: none;
    line-height: 36px;
    border-bottom: 1px solid #efefef
  }

    .marketsindices_down ul li i {
      padding: 0
    }

    .marketsindices_down ul li:nth-child(2) {
      padding: 0 0 0 7px;
      width: 20%
    }

    .marketsindices_down ul li:nth-child(3) {
      padding: 0;
      width: 38%;
      text-align: right
    }

    .marketsindices_down ul li:nth-child(4) {
      padding: 0 0 0 10px;
      width: 38%;
      color: #ef4c36;
      text-align: right
    }

.fa-arrow-down:before {
  content: "\f063";
  color: #ef4c36
}

.fa-arrow-up:before {
  content: "\f062";
  color: #35b121
}

.gccvalues {
  padding: 0px 15px;
  background-color: #000;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 4px 0 !important;
  margin: 0 4px 0 0;
  background-color: transparent;
  border: 0 solid #3a3a3a !important;
  border-bottom: 1px solid #3a3a3a !important
}

.list-group-item1 {
  position: relative;
  display: block;
  padding: 0 0 10px !important;
  margin-bottom: -1px;
  background-color: transparent;
  border: 0 solid #3a3a3a !important;
  border-bottom: 0 solid #3a3a3a !important
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 5px;
  font-weight: 400 !important;
  color: #eee;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: transparent;
  border-radius: 2px !important
}

.badge-pas {
    display: inline-block;
    min-width: 10px;
    padding: 2px 2px 0px 2px;
    font-weight: 400 !important;
    color: #eee;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #000;
    border-radius: 2px !important;
}

.badge-nag {
  display: inline-block;
  min-width: 10px;
  padding: 0px 5px;
  font-weight: 400 !important;
  color: #ef4c36;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #000;
  border-radius: 2px !important;
}

.relativestrength {
  background-color: #000;
  padding: 0 0 16px;
}

  .relativestrength h5 {
    padding: 6px 15px
  }

  .relativestrength h6 {
    color: #fff;
    padding: 5px 8px;
    font-size: 12px
  }

  .relativestrength input[type=checkbox] {
    position: relative;
    top: 2px
  }

.factsheet-momentum {
  background-color: #202020;
  padding: 2px 0 0 2px
}

  .factsheet-momentum h5 {
    padding: 5px;
    color: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 3px;
    font-weight: 400
  }

  .factsheet-momentum h6 {
    padding: 5px;
    color: #fff;
    font-size: 11px;
    font-weight: 700
  }

  .factsheet-momentum ul {
    padding: 5px;
    margin-bottom: 0
  }

    .factsheet-momentum ul li {
      position: relative;
      display: table;
      width: 100%;
      padding: 7px 0 2px !important;
      margin-bottom: 0;
      color: #fff;
      background-color: transparent;
      border: 0 solid #3a3a3a !important;
      border-bottom: 0 solid #3a3a3a !important
    }

  .factsheet-momentum label {
    color: #fff !important;
    margin-left: 3px;
  }



.creatportfolio ul {
  margin: 0;
  padding: 0
}

  .creatportfolio ul li {
    list-style: none;
    float: left;
    line-height: 25px;
    text-align: left
  }

    .creatportfolio ul li i {
      padding: 0
    }

    .creatportfolio ul li:nth-child(2) {
      padding: 0 0 0 5px;
      width: 55%
    }

    .creatportfolio ul li:nth-child(3) {
      padding: 0;
      width: 40%;
      text-align: right
    }

    .creatportfolio ul li:nth-child(5) {
      padding: 0;
      width: 64%;
      text-align: right
    }

.creatportfolio_down ul {
  margin: 0;
  padding: 0
}

  .creatportfolio_down ul li {
    list-style: none;
    float: left;
    line-height: 33px;
    text-align: left;
    font-weight: 400;
    color: #3bb328
  }

    .creatportfolio_down ul li i {
      padding: 0
    }

.portfolio h6 {
  font-weight: 700
}

.creatportfolio_down ul li:nth-child(2) {
  padding: 0 0 0 5px;
  width: 30%
}

.creatportfolio_down ul li:nth-child(3) {
  padding: 0;
  width: 64%;
  color: #ef4c36;
  text-align: right
}

.creatportfolio_down ul li:nth-child(5) {
  padding: 0;
  width: 64%;
  color: #ef4c36;
  text-align: right
}

.label_investing {
  display: inline;
  padding: .2em .6em;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  text-align: left !important;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0 !important
}

.list-group {
  padding-left: 0;
  margin-bottom: 0 !important
}

.investing_chart {
  border-bottom: solid #3a3a3a 1px;
  margin: 0 0 15px
}

  .investing_chart ul {
    margin: 0;
    padding: 0
  }

    .investing_chart ul li {
      list-style: none
    }

      .investing_chart ul li a {
        color: #3381aa;
        text-decoration: none;
        padding: 0;
        line-height: 1;
        font-weight: 400
      }

      .investing_chart ul li:nth-child(3) {
        padding: 8px 0
      }

.badge_switch {
  display: inline-block;
  min-width: 8px;
  padding: 6px;
  font-weight: 400 !important;
  line-height: 1;
  margin: 0 0 0 8px;
  color: #ff9800;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #000;
  border-radius: 50px !important
}

.badge_switchoff {
  display: inline-block;
  min-width: 8px;
  padding: 6px;
  font-weight: 400 !important;
  line-height: 1;
  margin: 0 0 0 8px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #ff9800;
  border-radius: 50px !important
}

.label_news {
  display: inline;
  padding: .5em .8em;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0 !important
}

.label_rating {
  display: inline;
  padding: .3em .8em;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0 !important
}

.news_section {
    border-bottom: solid #3a3a3a 1px;
    padding: 4px 0;
    line-height: 22px
}

.global_indices ul {
  margin: 0;
  padding: 0
}

  .global_indices ul li {
    float: left;
    list-style: none;
    font-weight: 400;
    padding: 0
  }

    .global_indices ul li a {
      color: #4d83c5
    }

    .global_indices ul li img {
      float: right
    }

    .global_indices ul li:nth-child(1) {
      padding: 0;
      width: 37%;
      line-height: 20px
    }

    .global_indices ul li:nth-child(2) {
      padding: 0;
      width: 24%;
      line-height: 20px
    }

    .global_indices ul li:nth-child(3) {
      padding: 0;
      width: 37%
    }

.global_indices_ea ul {
  margin: 0;
  padding: 0
}

  .global_indices_ea ul li {
    float: left;
    list-style: none;
    font-weight: 400;
    padding: 0
  }

    .global_indices_ea ul li a {
      color: #4d83c5
    }

    .global_indices_ea ul li img {
      float: right
    }

    .global_indices_ea ul li:nth-child(1) {
      padding: 0;
      width: 23%;
      line-height: 20px
    }

    .global_indices_ea ul li:nth-child(2) {
      padding: 0;
      width: 37%;
      line-height: 20px
    }

    .global_indices_ea ul li:nth-child(3) {
      padding: 0;
      width: 40%;
      line-height: 20px
    }

.global_indices_sap {
  border-right: solid #3a3a3a 1px;
  height: 222px
}

.labelasia {
  display: inline;
  padding: .5em;
  font-weight: 400;
  line-height: 4;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 3px !important
}

.label-warning {
  background-color: #c58520 !important
}

.label-primary {
  background-color: #4d83c5 !important
}

.label-danger {
  background-color: #ff351a !important;
  padding: 4px 10px;
  color: #fff
}

.economy_indicators ul {
  margin: 0;
  padding: 0
}

  .economy_indicators ul li {
    float: left;
    list-style: none;
    padding: 3px 0;
    color: #333
  }

    .economy_indicators ul li a {
      color: #4d83c5;
      font-weight: 400
    }

    .economy_indicators ul li:nth-child(2) {
      float: right
    }

.economy_indicatorsgreen {
  color: #3a9c74 !important
}

.economy_indicatorsred {
  color: #f43b3b !important
}

.flag ul {
  margin: 0;
  padding: 0
}

  .flag ul li {
    list-style: none
  }

    .flag ul li h6 {
      float: left;
      text-align: left !important;
      padding: 0 0 0 10px;
      margin: 7px 0 0 !important;
      text-transform: uppercase;
      color: #2b2b38
    }

    .flag ul li img {
      float: left
    }

.economyind {
  margin: 15px 0 0
}

.form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 5px 10px;
  line-height: 1.428571;
  color: #eee;
  background-color: #000;
  background-image: none;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.signin {
  padding: 5px 15px 0 0
}

  .signin a {
    color: #fff;
    font-weight: 700;
    text-decoration: none
  }

.calender {
  background-color: #f6f6f6
}

  .calender img {
    float: left;
    margin: 0 0 15px;
    padding: 0
  }

  .calender ul {
    margin: 0;
    padding: 0
  }

    .calender ul li {
      list-style: none;
      border-left: solid #ff7f66 2px;
      padding: 0 0 0 5px;
      margin: 0 0 10px
    }

#tooltip {
  text-align: center;
  color: #fff;
  background: #111;
  position: absolute;
  z-index: 100;
  padding: 15px
}

  #tooltip:after /* triangle decoration */ {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #111;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px
  }

    #tooltip.top:after {
        border-top-color: transparent;
        border-bottom: 10px solid #3a3a3a;
        top: -20px;
        bottom: auto
    }

  #tooltip.left:after {
    left: 10px;
    margin: 0
  }

  #tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0
  }

.global_chartgreentext .global_chart {
  width: 42%;
  float: left
}

  .global_chartgreentext .global_chart > div {
    background: #5dc489;
    height: 16px;
    border-left: 1px solid #000
  }

.global_chartgreentext p {
  float: left;
  width: 50%;
  text-align: right;
  margin: 0;
  padding: 0 2px 0 0;
  color: #5dc489
}

.global_chartredtext .global_chart {
  width: 35%;
  float: right
}

  .global_chartredtext .global_chart > div {
    background: #f43b3b;
    height: 16px;
    float: right;
    border-right: 1px solid #000
  }

.global_chartredtext p {
  float: right;
  width: 49%;
  margin: 0;
  padding: 0 0 0 2px;
  color: #f43b3b
}

.btn-group {
  margin: 0px 0px;
}

.btn_user {
  display: inline-table;
  padding: 3px 3px;
  font-size: 11px;
  font-weight: 400;
  /*color: #222;*/
  line-height: 1.42857143;
  text-align: right !important;
  float: right !important;
  white-space: nowrap;
  vertical-align: middle;
  background: transparent;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: none !important;
  border-radius: 4px;
}

  .btn_user:hover {
    background: transparent !important;
    color: #666;
    border: none
  }

  .btn_user:active {
    background: transparent
  }





.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
  color: #222 !important;
  background-color: transparent !important;
  border-color: none !important
}

.btn-primary.focus, .btn-primary:focus {
  color: #222 !important;
  background-color: transparent !important;
  border-color: none !important
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.0) !important;
  box-shadow: inset 0 0 0 rgba(0,0,0,.0) !important
}

a.accordion-toggle {
  cursor: pointer;
  text-decoration: none
}

.container {
  width: 98% !important;
}

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

.label-tab {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 15px;
  color: #eee;
  padding: 10px 15px !important;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 15px;
  font-weight: 700;
  border: solid 1px #c8c8c8;
  padding: 10px 15px !important
}

.aside {
  top: 0;
  width: 100%;
  border-top: none;
  background-color: #F1F1F1;
  border: 1px solid #000;
  color: #3a3a3a;
  display: inline-block;
  box-shadow: 0 0 7px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 7px rgba(0,0,0,0.4);
  border-radius: .214em;
  -webkit-border-radius: .214em;
  -moz-border-radius: .214em;
  background: #1d4d6a
}

  .aside h3 {
    font-weight: 100;
    font-size: 22px;
    margin: 5px 0;
    background-color: #1d4d6a
  }

  .aside ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
  }

    .aside li {
        border-bottom: solid 1px #3a3a3a
    }

    .aside li a {
      display: block;
      padding: 10px;
      color: #fff;
      text-decoration: none
    }

    .aside li:hover {
      -webkit-transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      background: #153f59;
      background: -webkit-linear-gradient(left,#1d4d6a,#153f59);
      background: -o-linear-gradient(right,#1d4d6a,#153f59);
      background: -moz-linear-gradient(right,#1d4d6a,#153f59);
      background: linear-gradient(to right,#1d4d6a,#153f59);
      color: #fff;
      text-decoration: none;
      position: relative;
      margin: 0 !important
    }

      .aside li:hover:after {
        left: 100%;
        top: 0;
        border: solid transparent;
        content: " ";
        position: absolute;
        pointer-events: none;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 17.5px 0 17.5px 8px;
        border-color: transparent transparent transparent #123f5a;
        line-height: 0;
        _border-color: #000 #000 #000 #123f5a
      }

.allpages {
  margin: 0 0 10px
}

  .allpages h3 {
    font-size: 16px;
    color: #FFF;
    font-weight: 700
  }

  .allpages strong {
    font-size: 13px;
    text-transform: uppercase
  }

  .allpages span {
    /* border-bottom: solid 3px #337ab7; */
    /* padding: 0 0 7px */
  }

  .allpages a {
    color: #ef4c36
  }

  .allpages p {
    padding: 10px 0 0;
  }

.panel-group {
  margin-bottom: 10px !important
}

.quotes ul {
  margin: 0;
  padding: 0
}

    .quotes ul li {
        border-bottom: solid 1px #3a3a3a;
        font-weight: 400;
        padding: 10px 0
    }


    .quotes ul li span:last-child {
      float: right;
      font-weight: 400 !important;
      letter-spacing: -.5px
    }

    .quotes ul li span:first-child {
      font-weight: 500;
      color: #eee;
    }

.quotespadding {
  padding: 0 15px 0 0
}

.glance {
  margin-bottom: 15px
}

.glancepadding {
  padding-right: 7.5px !important
}

.glancepadding2 {
  padding-left: 7.5px !important
}

.glancelist ul {
  margin: 0;
  padding: 0
}

  .glancelist ul li {
    font-weight: 400;
    line-height: 30px;
    display: table;
    width: 100%
  }

    .glancelist ul li span {
      float: right;
      font-weight: 400 !important
    }

    .glancelist ul li h3 {
      font-size: 13px;
      font-weight: 700;
      padding: 10px 0
    }

.glancelist h3 {
  font-size: 13px;
  font-weight: 700;
  padding: 10px 0
}

.glanceactivities h3 {
  font-size: 13px;
  font-weight: 700;
  padding: 10px 0
}

.glanceactivities p {
  text-align: justify;
  line-height: 18px
}

.boards ul {
  margin: 0;
  padding: 0
}

  .boards ul li {
    padding: 3px 0;
    clear: both
  }

.boardsdir {
  background-color: #202020;
  color: #fff;
  font-weight: 700;
  padding: 5px 7px;
  text-align: right
}

.boardsdirname {
    background-color: #2229;
    padding: 5px 7px;
    line-height: 16px;
}

.overall_paddingr {
  padding: 0 7.5px 0 0 !important
}

.overall_paddingl {
  padding: 0 0 0 7.5px !important
}

.managment_name {
  background-color: #337ab7;
  color: #fff;
  padding: 5px;
  text-align: left
}

.managment_namep {
  background-color: #202020;

  padding: 5px;
  text-align: left;
  margin: 0 5px 0 0
}

.managment_name2 {
  padding: 5.6px 0 !important
}

.relgcc table {
    margin-bottom: 0 !important;
    border: 1px solid #FFF;
}

.relgcc td.td-change-bar .change-bar {
  height: 20px !important
}

.relgcc thead tr {
  background-color: #000
}

    .relgcc thead tr th {
        padding: 3px !important;
        text-align: center;
        color: #eee;
        font-weight: 700;
        border: 1px solid #fff;
    }

        .relgcc thead tr th:not(:last-child) {
            border: 1px solid #3a3a3a;
            color: #fff;
        }

.relgcc tbody tr td {
    border-right: solid #3a3a3a 1px;
    padding: 4px !important;
    vertical-align: middle;
    background: #000;
}

.relgcc thead tr th a, .relgcc tbody td a {
  cursor: pointer
}

.gbgcc table {
  margin-bottom: 0 !important
}

.gbgcc td.td-change-bar .change-bar {
  height: 20px !important
}

.gbgcc thead tr {
  background-color: #f0f0f0
}

  .gbgcc thead tr th {
    padding: 5px !important;
    text-align: center;
    color: #eee;
    font-weight: 700
  }

    .gbgcc thead tr th:not(:last-child) {
      border-right: 1px solid #fff
    }

.gbgcc tbody tr td {
  padding: 6px;
  border-right: solid #3a3a3a 1px;
  vertical-align: middle
}

.gbgcc thead tr th a, .gbgcc tbody td a {
  cursor: pointer
}

.comnews {
    border-bottom: solid 1px #3a3a3a;
    padding: 15px 0;
    display: table;
}

  .comnews a {
    color: #337ab7;
    font-weight: 700;
    padding: 0 0 3px;
    display: block
  }

  .comnews p {
    line-height: 16px;
    padding: 7px 0 0
  }

  .comnews button {
    float: right;
    display: block !important;
    padding: 2px 5px !important;
    border-radius: 0 !important;
    font-size: 10px
  }

.profit table {
  margin-bottom: 0 !important
}

.profit thead tr {
  background-color: #f0f0f0
}

  .profit thead tr th {
    border-right: solid #3a3a3a 1px;
    font-size: 10px;
    padding: 2px !important;
    text-align: center
  }

.profit tbody tr td {
  border-right: solid #3a3a3a 1px;
  font-size: 10px;
  padding: 3px !important;
  text-align: center
}

  .profit tbody tr td span {
    padding: 0;
    color: #35b121
  }

  .profit tbody tr td p {
    padding: 0;
    color: #ef4c36
  }

.table {
    margin-bottom: 0 !important;
    background-color: #000 !important;
    border: 1px solid #3a3a3a !important;
}

.table-vertical-middle thead td, table-vertical-middle tbody td {
  vertical-align: middle !important
}

.column-title a {
  text-decoration: underline
}

.navigation bar .cf:before, .cf:after {
  content: " ";
  display: table
}

.cf:after {
  clear: both
}

.cf {
  *zoom: 1
}

section {
  clear: both;
  width: 100%
}

.container {
  margin: 0 auto;
  width: 100%
}

.main-navigation {
  display: block;
  width: 100%;
  background: #000;
  margin-bottom: 2em
}

  .main-navigation li > ul {
    display: none
  }

  .main-navigation ul {
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative
  }

  .main-navigation li {
    line-height: 2;
    color: #fff
  }

  .main-navigation a {
    color: #fff;
    padding: .5em 1em;
    text-decoration: none
  }

  .main-navigation .dropdown-menu {
    background: #777;
    width: 100%
  }

    .main-navigation .dropdown-menu .dropdown-menu {
      background: #999
    }

    .main-navigation .dropdown-menu li {
      display: block;
      float: none
    }



main {
  min-width: 320px;
  max-width: 800px;
  padding: 50px;
  margin: 0 auto;
  background: #fff
}

.label:before {
  font-family: fontawesome;
  font-weight: 400;
  margin-right: 10px
}

.label:hover {
  color: #888;
  cursor: pointer
}

.label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 10px 16.3px;
  font-weight: 400;
  text-align: center;
  color: #bbb;
  border: 1px solid #3a3a3a;
  padding: 15px 10px !important
}

.HomePageNews #tab1 ~ #content1, .HomePageNews #tab2 ~ #content2, .HomePageNews #tab3 ~ #content3, .HomePageNews #tab4 ~ #content4, .HomePageNews #tab5 ~ #content5, .HomePageNews #tab6 ~ #content6, .HomePageNews #tab7 ~ #content7 {
  display: none
}

.HomePageNews #tab1:checked ~ #content1, .HomePageNews #tab2:checked ~ #content2, .HomePageNews #tab3:checked ~ #content3, .HomePageNews #tab4:checked ~ #content4, .HomePageNews #tab5:checked ~ #content5, .HomePageNews #tab6:checked ~ #content6, .HomePageNews #tab7:checked ~ #content7 {
  display: block !important
}

.HomePageNews label.label-tab:first-child {
  margin-left: 2em
}

.fc-center > h2 {
  font-size: 18px
}

.fc-basic-view .fc-body .fc-row {
  min-height: 30px !important;
  max-height: 40px !important
}

#homeEventcalendar {
  background: #000;
  margin-bottom: 5px
}

.fc-scroller.fc-day-grid-container {
  max-height: 240px !important
}

#GccIndices .global_indices ul li:nth-child(1) {
  width: 44%
}

#GccIndices .global_indices ul li:nth-child(2) {
  width: 19%;
  line-height: 20px
}

#GccIndices .global_indices ul li:nth-child(3) {
  width: 37%
}

#GccIndices .global_chartgreentext p {
  padding: 0 0 0 6px
}

#GccIndices .global_chartgreentext .global_chart {
  padding-left: 10px
}

#GccIndices .global_chartredtext {
  padding-left: 19px
}

.nbs-flexisel-inner {
  background: none;
  border: none
}

.padding-top-1 {
  padding-top: 1px !important
}

.padding-top-2 {
  padding-top: 2px !important
}

.padding-top-3 {
  padding-top: 3px !important
}

.padding-top-4 {
  padding-top: 4px !important
}

.padding-top-5 {
  padding-top: 5px !important
}

.padding-bottom-1 {
  padding-bottom: 1px !important
}

.padding-bottom-2 {
  padding-bottom: 2px !important
}

.padding-bottom-3 {
  padding-bottom: 3px !important
}

.padding-bottom-4 {
  padding-bottom: 4px !important
}

.padding-bottom-5 {
  padding-bottom: 5px !important
}

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  width: 12px;
  text-align: center
}

.news > div > a {
  color: #fff;
  padding-left: 7px;
  line-height: 20px
}

.marketsindices, .marketsindices_down {
  cursor: pointer
}

  .marketsindices:hover a, .marketsindices_down:hover a {
    text-decoration: underline
  }

#GccIndices .global_indices:first-child a {
  font-weight: 700
}

#GccIndices .global_indices:first-child li {
  padding-bottom: 8px;
  padding-top: 9px
}

div#tickerNews > .label-danger {
  margin-left: 5px
}

.active {
    background-color: #333333
}

.quarterly_data thead {
  background-color: #f8f8f8
}

.quarterly_data tbody tr td {
  vertical-align: middle
}

  .quarterly_data tbody tr td img {
    padding: 3px 0
  }

.btn-primary0 {
  color: #fff;
  background-color: #337ab7 !important
}

.btn0 {
  padding: 4px 8px !important;
  font-size: 11px !important;
  border: none !important;
  outline: none !important
}

.scorcard, .scorcard-block {
  margin: 0 0 15px
}

  .scorcard h4, .scorcard-block h4 {
    font-size: 12px;
    color: #FFF;
    font-weight: 700;
    padding: 8px 0
  }

  .scorcard ul, .scorcard-block ul {
    margin: 0;
    padding: 0;
    display: table;
    width: 100%
  }

    .scorcard ul li, .scorcard-block ul li {
        border-bottom: solid 1px #3a3a3a;
        font-weight: 700;
        padding: 5px 0;
        /*color: #222;*/
        display: table !important;
        font-size: 11px !important;
        width: 100%
    }

      .scorcard ul li h6 {
        padding: 0;
        margin: 10px 0;
        display: inline-table !important;
        width: 63%
      }

      .scorcard-block ul li h6 {
        padding: 0;
        margin: 5px 0;
        display: block;
        width: auto
      }

        .scorcard ul li h6 label, .scorcard-block ul li h6 label {
          font-weight: 400;
          margin-bottom: 0
        }

      .scorcard ul li a, .scorcard-block ul li a {
        background-color: #d1d1d1;
        margin: 3px 2.5px;
        width: 20px;
        height: 20px;
        border-radius: 3px
      }

      .scorcard ul li span, .scorcard-block ul li span {
        float: right;
        font-weight: 400 !important;
        letter-spacing: -.5px
      }

        .scorcard ul li span img {
          padding: 0 0 0 10px
        }

.scor_active {
  background-color: #468297 !important
}

.sccol {
  padding: 0 5.5px 0 0 !important
}

.sccol2 {
  padding: 0 0 0 7.5px !important
}

a.tooltips {
  position: relative;
  display: inline;
  background-color: #f2f0f0;
}

  a.tooltips span {
    opacity: 1;
    bottom: 30px;
    right: 0;
    margin-left: -76px;
    padding: 5px 0 5px 10px;
    position: absolute;
    width: 150px;
    z-index: 99999999;
    /*color: #222;*/
    background: #fff;
    box-shadow: 0 0 5px #888;
    line-height: 18px;
    text-align: left;
    visibility: hidden;
    border-radius: 4px
  }

    a.tooltips span b {
        text-align: left !important;
        display: block;
        border-bottom: solid #3a3a3a 1px;
        padding: 5px 0 5px 10px
    }

    a.tooltips span:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -8px;
      width: 0;
      height: 0;
      border-top: 8px solid #fff;
      border-right: 8px solid transparent;
      border-left: 8px solid transparent
    }

a:hover.tooltips span {
  visibility: visible;
  opacity: 1;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999
}

.tooltips ul {
  margin: 0;
  padding: 0
}

  .tooltips ul.rtl {
    direction: rtl !important
  }

  .tooltips ul.ltr {
    direction: ltr !important
  }

  .tooltips ul li {
    display: inline !important;
    padding: 4px !important;
    border: none !important
  }

.ratio {
  border: solid #3a3a3a 1px;
  margin: 0 0 15px
}

  .ratio h3 {
    border-bottom: solid #3a3a3a 1px;
    padding: 10px 15px;
    margin: 0 0 15px;
    color: #337ab7;
    font-size: 13px;
    font-weight: 700
  }

  .ratio img {
    padding: 15px
  }

.per_com td:not(:first-child) {
  text-align: center
}

.per_com thead {
  background-color: #f8f8f8
}

  .per_com thead th {
    color: #337ab7
  }

.per_com tbody tr td {
  padding: 5px 0;
  margin: 0;
  vertical-align: middle;
  background-color:#000;
}

  .per_com tbody tr td b {
    text-align: left;
    font-size: 11px !important
  }

  .per_com tbody tr td span {
    color: #ef4c36;
    padding: 0;
    margin: 0
  }

  .per_com tbody tr td p {
    color: #35b121;
    padding: 0;
    margin: 0
  }

  .per_com tbody tr td img {
    padding: 3px 0
  }

.cash table {
  margin-bottom: 0 !important
}

.cash thead tr {
  background-color: #f1f1f1 !important
}

  .cash thead tr th {
    /* background-color: #f1f1f1; */
    /* font-size: 10px; */
    padding: 3px 10px !important;
    text-align: left;
    vertical-align: middle;
    /* color: #eee; */
  }

.cash tbody tr td {
  text-align: left;
  border: none !important;
  vertical-align: middle;
  background:#000
}

a[class*="news-tab"] {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 15px;
  font-weight: 700;
  padding: 10px 20px 10px 16px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  float: none
}

  a[class*="news-tab"].current-tab {
    padding: 10px 20px 10px 1px !important
  }

    a[class*="news-tab"].current-tab > span {
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      left: 46%;
      top: 31px;
      position: relative;
      z-index: 100
    }

.news-tab1 {
  background-color: #f90 !important
}

a.news-tab1.current-tab > span {
  border-top: 10px solid #f90
}

.news-tab2 {
  background-color: #219f9b !important
}

a.news-tab2.current-tab > span {
  border-top: 10px solid #219f9b
}

.news-tab3 {
  background-color: #c0a427 !important
}

a.news-tab3.current-tab > span {
  border-top: 10px solid #c0a427
}

.news-tab4 {
  background-color: #673bb7 !important
}

a.news-tab4.current-tab > span {
  border-top: 10px solid #673bb7
}

.news-tab5 {
  background-color: #c7589c !important
}

a.news-tab5.current-tab > span {
  border-top: 10px solid #c7589c
}

.news-tab6 {
  background-color: #97b718 !important
}

a.news-tab6.current-tab > span {
  border-top: 10px solid #97b718
}

.news-tab7 {
  background-color: #97b718 !important
}

a.news-tab7.current-tab > span {
  border-top: 10px solid #97b718
}

.news-tab8 {
  background-color: #98227d !important
}

a.news-tab8.current-tab > span {
  border-top: 10px solid #98227d
}

label[class*="label-home"] {
  cursor: pointer
}

.all-news .newsannounc {
  border-bottom: solid #3a3a3a 1px;
  padding: 0 0 6px;
  height: 124px
}

.newsannounc {
  border-bottom: solid #3a3a3a 1px;
  padding: 0 0 15px
}

  .newsannounc a {
    font-weight: 700;
    padding: 10px 0 0;
    font-size: 11px;
    display: block
  }

  .newsannounc h6 {
    font-style: italic;
    font-weight: 400;
    padding: 3px 0 5px;
    font-size: 10px
  }

.flabel-tab {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 15px;
  border: solid #3a3a3a 1px !important;
  color: #fff;
  padding: 12px 10px !important;
  color: #eee;
  background-color: #000 !important
}

input[id*="financialsTab"], input[id*="financialsTab"] ~ section {
  display: none
}

  input[id*="financialsTab"]:checked + label.flabel-tab {
    background-color: #337ab7 !important;
    color: #fff !important
  }

input[id="financialsTab1"]:checked ~ section#fcontent1 {
  display: block !important
}

input[id="financialsTab2"]:checked ~ section#fcontent2 {
  display: block !important
}

input[id="financialsTab3"]:checked ~ section#fcontent3 {
  display: block !important
}

input[id="financialsTab4"]:checked ~ section#fcontent4 {
  display: block !important
}

input[id="financialsTab5"]:checked ~ section#fcontent5 {
  display: block !important
}

input[id="financialsTab6"]:checked ~ section#fcontent6 {
  display: block !important
}

input[id="financialsTa7"]:checked ~ section#fcontent7 {
  display: block !important
}

.one {
  width: 20%
}

.two {
  width: 32%
}

.three {
  width: 15%
}

.four {
  width: 15%
}

.five {
  width: 15%
}

.six {
  width: 15%
}

select.form-control2 {
  display: inline-block;
  width: 100%;
  height: auto !important;
  padding: 5px 3px 4px 3px;
  line-height: 1.428571;
  background-color: #000;
  background-image: none;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.relative {
  position: relative;
}

.wrapper-date-picker .date-picker {
  display: inline;
  width: 165px;
}

  .wrapper-date-picker .date-picker + img {
    padding: 0;
    cursor: pointer;
  }

.form-control2 option {
  font-size: 10px !important
}

.finlabel {
  float: left;
  padding: 0
}

  .finlabel label {
    text-align: left
  }

#nag {
  background-color: #d9534f !important;
  border: none !important;
  outline: none !important
}

#pas {
  background-color: #5cb85c !important;
  border: none !important;
  outline: none !important
}

.btn_fin {
  display: inline-block;
  padding: 4px 12px !important;
  margin-bottom: 0;
  font-weight: 400 !important;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

.financial {
  margin: 15px 0
}

.table > tbody + tbody {
  border-top: 1px solid #3a3a3a
}

.financial h3 {
  border-bottom: solid #3a3a3a 1px;
  padding: 10px 15px;
  margin: 0 0 15px;
  color: #337ab7;
  font-size: 13px;
  font-weight: 700
}

.financial img {
  padding: 15px
}

.financial table tr td {
  padding: 4px !important
}

.financial_data table {
  margin-bottom: 0 !important
}

.financial_data thead tr {
  background-color: #f1f1f1 !important
}

  .financial_data thead tr th {
    background-color: #f1f1f1;
    padding: 3px 10px !important;
    text-align: center;
    vertical-align: middle
  }

    .financial_data thead tr th:not(:last-child) {
      border-right: 1px solid #fff
    }

.financial_data tbody tr td:first-child {
  text-align: left
}

.financial_data tbody tr td {
  border-right: solid #3a3a3a 1px;
  padding: 4px 10px !important
}

  .financial_data tbody tr td:last-child {
    border-right: none !important
  }

.branches {
  border: solid #3a3a3a 1px;
  margin: 0 0 15px
}

  .branches h5 {
    /*color: #222;*/
    font-size: 11px;
    font-weight: 700;
    border-bottom: solid #3a3a3a 1px;
    padding: 10px
  }

  .branches ul {
    margin: 10px;
    padding: 0
  }

    .branches ul li {
      line-height: 20px;
      /*color: #222;*/
      font-weight: 700;
      font-size: 11px
    }

      .branches ul li span {
        float: right;
        font-weight: 400;
        font-size: 11px
      }

.recommendation {
  padding: 15px;
  border: solid #3a3a3a 1px;
  margin: 0 0 15px
}

  .recommendation img {
    border-bottom: solid #3a3a3a 1px;
    padding: 0 0 10px;
    margin: 0 0 10px
  }

.btn_rec {
  display: inline-block;
  padding: 2px 5px !important;
  font-size: 11px !important;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  margin: 5px 0 0 !important;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0 !important
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 5px 11px !important;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #fff !important;
  text-decoration: none;
  background-color: #337ab7 !important;
  /* border: 1px solid #6692b7 !important; */
}

  .pagination > li > a:hover {
    background-color: #2b6ca3 !important
  }

.factchart {
  border: solid #3a3a3a 1px
}

  .factchart img {
    padding: 15px
  }

.factsheet {
  border: solid #3a3a3a 1px;
  padding: 0
}

  .factsheet h6 {
    color: #337ab7;
    font-size: 13px;
    font-weight: 500;
    border-bottom: solid #3a3a3a 1px;
    padding: 10px 6px 10px 4px
  }

  .factsheet ul h5 {
    /*color: #222;*/
    font-size: 12px;
    font-weight: 400;
    padding: 10px 0 5px
  }

  .factsheet ul {
    margin: 0;
    padding: 2px 3px 0
  }

    .factsheet ul li {
      line-height: 21px;
      font-weight: 700;
      color: #222
    }

      .factsheet ul li span {
        float: right;
        font-weight: 400
      }

.ReportTableClass {
  border: 1px solid #3a3a3a;
}

  .ReportTableClass > thead > tr > td {
    border-bottom: 0 solid #3a3a3a;
    vertical-align: middle;
  }

.fact thead tr {
  background-color: #f1f1f1 !important
}

  .fact thead tr th {
    background-color: #f1f1f1;
    font-size: 10px;
    padding: 3px 5px !important;
    text-align: center;
    vertical-align: middle;
    color: #222
  }

.ReportTableClass td.TitleBlackText {
  font-size: 18px !important;
}


.ReportTableClass tr:nth-child(2) td {
  background-color: #f1f1f1;
  font-weight: bold;
  vertical-align: middle;
}

.ReportTableClass td {
  border-right: solid #3a3a3a 1px;
  border-top: solid #3a3a3a 1px;
  padding: 4px !important;
  text-align: left;
  vertical-align: middle;
}

  .ReportTableClass td br {
    display: none;
  }

.ReportTableClass tr:not(:nth-child(2)):nth-of-type(odd) {
  background-color: #f9f9f9;
}

.ReportTableClass tr:not(:nth-child(2)):hover {
  background-color: #f9f9f9;
}

.BigBlackText {
  color: #000;
  font-family: Verdana;
  font-size: small;
  font-weight: bold;
  text-align: center;
}

.fact thead tr th:not(:last-child), .ReportTableClass thead tr td:not(:last-child) {
  border-right: 1px solid #fff
}

.fact tbody tr td, .ReportTableClass tbody tr td {
  border-right: solid #3a3a3a 1px;
  padding: 4px !important;
  text-align: left
}

  .fact tbody tr td p, .ReportTableClass tbody tr td p {
    color: #35b121
  }

  .fact tbody tr td span, .ReportTableClass tbody tr td span {
    color: #ef4c36
  }

.factchart2 {
  background-color: #000;
  border: solid #3a3a3a 1px;
  padding: 15px
}

.factchart3 {
  border: solid #3a3a3a 1px;
  padding: 5px;
  margin: 0 0 15px
}

.fash {
  padding: 0
}

  .fash h6 {
    font-weight: 700;
    /*color: #222;*/
    padding: 15px 0 5px
  }

  .fash p {
    text-align: justify;
    line-height: 16px
  }

  .fash ul {
    margin: 0;
    padding: 0
  }

    .fash ul li {
      line-height: 21px;
      font-weight: 700;
      color: #222
    }

      .fash ul li span {
        font-weight: 400;
        margin-left: 1em
      }

.scorcard_fact {
  margin: 0 0 15px
}

  .scorcard_fact h4 {
    font-size: 12px;
    color: #337ab7;
    font-weight: 700
  }

  .scorcard_fact ul {
    margin: 0;
    padding: 0
  }

    .scorcard_fact ul li {
      border-bottom: solid 1px #dbdbdb;
      font-weight: 700;
      padding: 2px 0;
      /*color: #222;*/
      display: block !important;
      font-size: 10px !important
    }

      .scorcard_fact ul li h6 {
        padding: 0;
        margin: 5px 0;
        display: inline-table !important;
        width: 64%
      }

        .scorcard_fact ul li h6 label {
          font-weight: 400
        }

      .scorcard_fact ul li a {
        background-color: #d1d1d1;
        margin: 5px .75px;
        width: 18px;
        height: 21px;
        border-radius: 5px;
        float: left !important
      }

      .scorcard_fact ul li span {
        float: right;
        font-size: 11px !important;
        font-weight: 400 !important;
        letter-spacing: -.5px
      }

        .scorcard_fact ul li span img {
          padding: 0 0 0 10px
        }

.meeting h5 {
  color: #337ab7;
  font-weight: 700;
  font-size: 12px;
  padding: 0 0 10px
}

a.tooltips2 {
  position: relative;
  display: inline
}

  a.tooltips2 span {
    position: absolute;
    width: 250px;
    /*color: #222;*/
    background: #FFF;
    line-height: 17px;
    z-index: 9999999;
    text-align: left;
    visibility: hidden;
    border-radius: 6px;
    padding: 5px 7px 5px 10px;
    box-shadow: 0 0 5px #888
  }

    a.tooltips2 span:after {
      content: '';
      position: absolute;
      top: 12px;
      right: 100%;
      margin-top: -8px;
      width: 0;
      height: 0;
      border-right: 8px solid #e6e6e6;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent
    }

a:hover.tooltips2 span {
  visibility: visible;
  opacity: .8;
  left: 100%;
  top: 50%;
  margin-top: -15px;
  margin-left: 15px;
  z-index: 999
}

a.tooltips2 span b {
  display: block;
  padding: 0 0 5px;
  border-bottom: solid #3a3a3a 1px
}

.market-watch-strip {
  margin: 0 2px;
  width: 100%;
  display: table
}

  .market-watch-strip a {
    display: inline-block;
    max-width: 100%;
    font-size: 11px !important;
    border: solid #3a3a3a 1px;
    margin-bottom: 15px;
    line-height: 14px;
    font-weight: 400;
    text-align: center;
    color: #eee !important;
    padding: 8px !important;
    margin-right: 3px;
    background-color: #000 !important;
    border-radius: 3px
  }

    .market-watch-strip a.current, .market-watch-strip a:hover {
      background-color: #1d4d6a !important;
      color: #fff !important;
      text-decoration: none
    }

  .market-watch-strip .market_box {
    padding-top: 2px
  }

.rzslider + a.tooltips {
  display: none;
  opacity: 1;
  bottom: 30px;
  right: 0;
  margin-left: -76px;
  padding: 5px 0 5px 10px;
  position: relative;
  width: 150px;
  z-index: 12;
  /*color: #222;*/
  background: #fff;
  box-shadow: 0 0 5px #888;
  line-height: 18px;
  text-align: left;
  border-radius: 4px
}

  .rzslider + a.tooltips:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
  }

.rzslider:hover + a.tooltips {
  display: inline;
  opacity: 1;
  bottom: 50px;
  left: 50%;
  margin-left: -76px;
  z-index: 20
}

.form-controlgcc {
  display: block;
  width: 100%;
  height: 34px !important;
  padding: 6px 12px;
  line-height: 1.428571;
  color: #eee;
  font-size: 12px;
  background-color: #000;
  background-image: none;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.marketwatch2 tr td {
  font-size: 11px !important;
  padding: 10px 0 !important
}

  .marketwatch2 tr td span {
    color: #35b121
  }

  .marketwatch2 tr td u {
    color: #ef4c36;
    text-decoration: none !important;
    text-align: right
  }

  .marketwatch2 tr td p {
    padding: 0;
    margin: 0;
    color: #ef4c36
  }

.marketwatch3 img {
  padding: 4px 0
}

.marketwatch3 ul {
  margin: 0;
  padding: 0
}

  .marketwatch3 ul li {
    font-weight: 700;
    font-size: 11px;
    color: #eee;
    border-bottom: solid #3a3a3a 1px;
    padding: 7px 0
  }

    .marketwatch3 ul li span {
      font-weight: 400;
      float: right
    }

.mar_wat thead {
  background-color: #f8f8f8
}

  .mar_wat thead th {
    color: #337ab7;
    text-align: left;
    padding: 0 10px;
    font-size: 9.5px
  }

.mar_wat tbody tr td {
  padding: 5px 10px;
  margin: 0;
  vertical-align: middle;
  color: #eee;
  border-right: solid #3a3a3a 1px
}

  .mar_wat tbody tr td b {
    text-align: left;
    font-size: 11px !important
  }

  .mar_wat tbody tr td span {
    color: #ef4c36;
    padding: 0;
    margin: 0
  }

  .mar_wat tbody tr td p {
    color: #35b121;
    text-align: left;
    margin: 0
  }

  .mar_wat tbody tr td:last-child {
    border-right: none
  }

  .mar_wat tbody tr td img {
    padding: 3px 0
  }

.marketwatch_news {
  padding: 10px 0;
  border-bottom: solid #3a3a3a 1px
}

  .marketwatch_news a {
    font-size: 11px;
    color: #337ab7
  }

.marketwatch_newshd {
  border-bottom: solid #3a3a3a 1px;
  padding: 0 0 15px
}

  .marketwatch_newshd h5 {
    font-size: 13px;
    color: #337ab7;
    font-weight: 700
  }

.financial_data2 table {
  margin-bottom: 0 !important
}

.financial_data2 thead tr {
  background-color: #f1f1f1 !important
}

  .financial_data2 thead tr th {
    background-color: #f1f1f1;
    font-size: 10px;
    border-right: solid #3a3a3a 1px !important;
    padding: 3px 10px !important;
    text-align: left;
    vertical-align: middle
  }

.financial_data2 tbody tr td {
  border-right: solid #3a3a3a 1px;
  vertical-align: middle;
  padding: 4px 10px !important
}

  .financial_data2 tbody tr td img {
    padding: 10px 0
  }

  .financial_data2 tbody tr td:last-child {
    border-right: none !important
  }

  .financial_data2 tbody tr td p {
    text-align: left !important;
    color: #35b121
  }

.form-controlgcc {
  display: block;
  width: 100%;
  height: 34px !important;
  padding: 6px 12px;
  line-height: 1.428571;
  color: #eee;
  font-size: 12px;
  background-color: #000;
  background-image: none;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.marketwatch2 tr td {
  font-size: 11px !important;
  padding: 10px 0 !important
}

  .marketwatch2 tr td span {
    color: #35b121
  }

  .marketwatch2 tr td u {
    text-decoration: none !important;
    text-align: right
  }

  .marketwatch2 tr td p {
    padding: 0;
    margin: 0
  }

.marketwatch3 img {
  padding: 4px 0
}

.marketwatch3 ul {
  margin: 0;
  padding: 0
}

  .marketwatch3 ul li {
    font-weight: 700;
    font-size: 11px;
    color: #eee;
    border-bottom: solid #3a3a3a 1px;
    padding: 7px 0
  }

    .marketwatch3 ul li span {
      font-weight: 400;
      float: right
    }

.mar_wat thead {
  background-color: #f8f8f8
}

  .mar_wat thead th {
    color: #337ab7;
    text-align: left;
    padding: 0 10px
  }

.mar_wat tbody tr td {
  padding: 5px 4px;
  margin: 0;
  vertical-align: middle;
  color: #eee;
  border-right: solid #3a3a3a 1px
}

  .mar_wat tbody tr td b {
    text-align: left;
    font-size: 11px !important
  }

  .mar_wat tbody tr td span {
    color: #ef4c36;
    padding: 0;
    margin: 0
  }

  .mar_wat tbody tr td p {
    color: #35b121;
    text-align: left;
    margin: 0
  }

  .mar_wat tbody tr td:last-child {
    border-right: none
  }

  .mar_wat tbody tr td img {
    padding: 3px 0
  }

.marketwatch_news {
  padding: 10px 0;
  border-bottom: solid #3a3a3a 1px
}

  .marketwatch_news a {
    font-size: 11px;
    color: #337ab7
  }

.marketwatch_newshd {
  border-bottom: solid #3a3a3a 1px;
  padding: 0 0 15px
}

  .marketwatch_newshd h5 {
    font-size: 13px;
    color: #337ab7;
    font-weight: 700
  }

.stock_screener {
  padding: 10px 0
}

  .stock_screener h6 {
    float: left !important;
    color: #337ab7;
    font-size: 13px;
    padding: 0;
    margin: 10px 0;
    font-weight: 700
  }

.btn_screener {
  display: inline-block;
  padding: 4px 6px !important;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: none !important;
  border-radius: 4px;
  font-weight: bold;
  position: relative
}

.Ipo-btns a:nth-child(1), .Ipo-btns a:nth-child(8), .Ipo-btns a:nth-child(15) {
  background-color: #337ab7 !important
}

.ipoactive:nth-child(1) > span, .ipoactive:nth-child(8) > span, .ipoactive:nth-child(15) > span {
  border-top-color: #337ab7 !important
}

.Ipo-btns a:nth-child(2), .Ipo-btns a:nth-child(9), .Ipo-btns a:nth-child(16) {
  background-color: #179d59 !important
}

.ipoactive:nth-child(2) > span, .ipoactive:nth-child(9) > span, .ipoactive:nth-child(16) > span {
  border-top-color: #179d59 !important
}

.Ipo-btns a:nth-child(3), .Ipo-btns a:nth-child(10), .Ipo-btns a:nth-child(17) {
  background-color: #fa4040 !important
}

.ipoactive:nth-child(3) > span, .ipoactive:nth-child(10) > span, .ipoactive:nth-child(17) > span {
  border-top-color: #fa4040 !important
}


.Ipo-btns a:nth-child(4), .Ipo-btns a:nth-child(11), .Ipo-btns a:nth-child(18) {
  background-color: #a16c34 !important
}

.ipoactive:nth-child(4) > span, .ipoactive:nth-child(11) > span, .ipoactive:nth-child(18) > span {
  border-top-color: #a16c34 !important
}


.Ipo-btns a:nth-child(5), .Ipo-btns a:nth-child(12), .Ipo-btns a:nth-child(19) {
  background-color: #2d978c !important
}

.ipoactive:nth-child(5) > span, .ipoactive:nth-child(12) > span, .ipoactive:nth-child(19) > span {
  border-top-color: #2d978c !important
}

.Ipo-btns a:nth-child(6), .Ipo-btns a:nth-child(13), .Ipo-btns a:nth-child(20) {
  background-color: #ffba00 !important
}

.ipoactive:nth-child(6) > span, .ipoactive:nth-child(13) > span, .ipoactive:nth-child(20) > span {
  border-top-color: #ffba00 !important
}

.Ipo-btns a:nth-child(7), .Ipo-btns a:nth-child(14), .Ipo-btns a:nth-child(21) {
  background-color: #8d1b3d !important
}

.ipoactive:nth-child(7) > span, .ipoactive:nth-child(14) > span, .ipoactive:nth-child(21) > span {
  border-top-color: #8d1b3d !important
}

.Ipo-btns a {
  color: #fff !important;
  margin: 0px 3px;
  padding: 4px 12px !important;
}

.Ipo-btns.sharehoders-countries a {
  color: #fff !important;
  margin: 4px 3px;
  padding: 4px 12px !important;
  min-width: 75px;
}

.godetail {
  float: right
}

  .godetail a {
    color: #337ab7;
    text-align: right;
    display: block;
    padding: 10px 0;
    font-weight: 700
  }

.screener_button {
  float: right
}

.IPO tr td {
  border-bottom: 1px solid #3a3a3a;
  border-left: 1px solid #3a3a3a
}

  .IPO tr td:last-child {
    border-right: 1px solid #3a3a3a
  }

.country {
  padding: 20px 0
}

  .country a {
    border: solid #3a3a3a 1px;
    padding: 8px 12px;
    text-decoration: none;
    margin: 0 2px
  }

    .country a:active:hover {
      background-color: #337ab7;
      color: #fff
    }

.ipoactive {
  background-color: #337ab7;
  color: #fff
}

  .ipoactive:hover {
    color: #fff
  }

.cash tbody {
  border-bottom: solid #3a3a3a 1px
}

.mutual {
  background-color: #3a3a3a !important
}

  .mutual p {
    font-weight: 700;
    color: #eee;
  }

.mutualfundCus thead tr th {
  color: #eee;
}

.mutualfundCus tr td:nth-child(2) {
  width: 22%
}

.mutualfundCus tr td:nth-child(1) {
  width: 33%
}

.mutualfund table {
  margin-bottom: 0 !important
}

.mutualfund thead tr {
  background-color: #f1f1f1 !important
}

  .mutualfund thead tr th {
    background-color: #f1f1f1;
    font-size: 10px;
    padding: 3px 10px !important;
    text-align: left;
    vertical-align: middle;
    color: #eee;
  }

    .mutualfund thead tr th:not(:last-child) {
      border-right: 1px solid #dfdfdf
    }

.mutualfund tbody {
  border-bottom: solid #3a3a3a 1px
}

  .mutualfund tbody tr td {
    text-align: left;
    /* color: #eee; */
    padding: 4px 10px !important;
    border-right: solid #dfdfdf 1px !important;
    vertical-align: middle;
  }

    .mutualfund tbody tr td:last-child {
      border-right: none !important
    }

.mfund {
  margin: 0 0 15px
}

  .mfund p {
    font-weight: 700;
    padding: 14px 0 10px;
    color: #eee;
  }

  .mfund ul {
    margin: 0;
    padding: 0
  }

    .mfund ul li {
      background-color: #000;
      border-bottom: solid #3a3a3a 1px;
      padding: 7px 10px;
      /* color: #eee; */
    }

.mfundwhite {
  background-color: #000 !important
}

.mfund ul li span {
  float: right;
  text-align: right
}

.fundobj h6 {
  font-weight: 700;
  color: #eee;
}

.fundobj p {
  color: #eee;
  padding: 5px 0
}

.contactdetail p {
  padding: 15px 0;
  color: #eee;
  font-weight: 700
}

.label-tabipo {
  display: inline-block;
  max-width: 100%;
  font-weight: 400;
  margin-bottom: 15px;
  border: solid #3a3a3a 1px !important;
  /*color: #fff;*/
  padding: 8px 10px !important;
  /*color: #222;*/
  background-color: #000 !important;
}

.mutualfundMain .input, .MarketScreener .input, .FundamentScreener .input {
  display: none
}

.mutualfundMain #tab1:checked ~ #content1, .mutualfundMain #tab2:checked ~ #content2, .mutualfundMain #tab3:checked ~ #content3 {
  display: block
}

.MarketScreener #tab1:checked ~ #content1, .MarketScreener #tab2:checked ~ #content2, .MarketScreener #tab3:checked ~ #content3, .MarketScreener #tab4:checked ~ #content4, .MarketScreener #tab5:checked ~ #content5 {
  display: block
}

.mutualfundMain section, .MarketScreener section {
  display: none;
  border-top: none
}

.mutualfundMain section {
  display: none;
  border-top: 1px solid #3a3a3a
}

.ulstrip > li:nth-child(2n-1) {
  background: #fff
}

.mutualfund tbody tr td img {
  float: right !important;
  padding: 5px 0
}

.padding-top-10 {
  padding-top: 10px !important
}

.meeting-detail tr td:first-child {
  font-weight: 600
}

.vertical-middle {
  vertical-align: middle !important
}

.mutualfundscr table {
  margin-bottom: 0 !important
}

.mutualfundscr thead tr {
  background-color: #f1f1f1 !important
}

  .mutualfundscr thead tr th {
    background-color: #f1f1f1;
    font-size: 10px;
    padding: 3px 5px !important;
    text-align: left;
    vertical-align: middle;
    color: #eee;
    text-align: center
  }

    .mutualfundscr thead tr th:not(:last-child) {
      border-right: 1px solid #dfdfdf
    }

.mutualfundscr tbody {
  border-bottom: solid #3a3a3a 1px
}

  .mutualfundscr tbody tr td {
    text-align: left;
    color: #eee;
    padding: 4px 5px !important;
    border-right: solid #dfdfdf 1px !important
  }

    .mutualfundscr tbody tr td img {
      float: right !important;
      padding: 5px 0
    }

    .mutualfundscr tbody tr td:last-child {
      border-right: none !important
    }

.form-controlscr {
  display: block;
  width: 100%;
  height: 75px !important;
  padding: 8px 10px;
  line-height: 1.428571;
  color: #555;
  background-color: #000;
  background-image: none;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control00 {
  display: block;
  width: 100%;
  height: 24px !important;
  padding: 3px;
  line-height: 1.428571;
  color: #555;
  background-color: #000;
  background-image: none;
  border: 1px solid #3a3a3a;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-controlform {
  display: block;
  width: 100%;
  height: 22px !important;
  padding: 3px;
  line-height: 1.428571;
  color: #555;
  margin: 5px 0;
  background-color: #000;
  background-image: none;
  border: 1px solid #3a3a3a;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.fund {
  border: solid 1px #dbdbdb;
  padding: 10px 10px 0 !important
}

.fundhadd {
  margin: 15px 0
}

  .fundhadd p {
    padding: 0 0 10px;
    color: #eee;
    font-weight: 700
  }

.fundhaddsub p {
  padding: 0 0 5px;
  color: #eee;
}

.fundcheck {
  padding: 0 16%
}

  .fundcheck span {
    text-align: center
  }

.mutualfundcheck p {
  padding: 5px 0
}

.mutualfundcheck h6 {
  padding: 5px 0;
  font-weight: 400
}

.mutualfundsearch {
  margin: 0 0 30px
}

.padding-bottom-15 {
  padding-bottom: 15px
}

.topProforming h4 {
  color: #337ab7;
  font-size: 13px;
  padding: 0;
  margin: 0;
  font-weight: 700
}

.topProforming table > thead > tr > th {
  text-align: center
}

  .topProforming table > thead > tr > th:last-child {
    width: 126px
  }

  .topProforming table > thead > tr > th:nth-child(1) {
    width: 245px
  }

  .topProforming table > thead > tr > th:nth-child(2) {
    width: 175px
  }

.topProforming table .mutual {
  background-color: #000 !important
}

.topProforming .cash thead tr th {
  color: #eee;
}

.cash tbody tr td:last-child {
  border-right: none !important
}

.presetScreener {
  color: #eee;
}

  .presetScreener .ScreenerDate, .MarketScreener .ScreenerDate {
    width: 100%;
    padding: 6px 0 6px 3px;
    border-radius: 2px;
    border-color: #3a3a3a;
    color: #eee;
    background:#000;
    display: inline-block;
  }

.bold {
  font-weight: 700;
  color: #eee;
}

.margin-top-2 {
  margin-top: 2px;
}

.margin-top-3 {
  margin-top: 3px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-6 {
  margin-top: 6px;
}

.margin-top-7 {
  margin-top: 7px;
}

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

.margin-top-9 {
  margin-top: 9px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-11 {
  margin-top: 11px;
}

.margin-top-12 {
  margin-top: 12px;
}

.margin-top-13 {
  margin-top: 13px;
}

.margin-top-14 {
  margin-top: 14px;
}

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

.margin-bottom-2 {
  margin-bottom: 2px;
}

.margin-bottom-3 {
  margin-bottom: 3px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-6 {
  margin-bottom: 6px;
}

.margin-bottom-7 {
  margin-bottom: 7px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-bottom-9 {
  margin-bottom: 9px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-11 {
  margin-bottom: 11px;
}

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

.margin-bottom-13 {
  margin-bottom: 13px;
}

.margin-bottom-14 {
  margin-bottom: 14px;
}

.margin-bottom-15 {
  margin-bottom: 15px
}


.Stk-btns a:nth-child(1) {
  background-color: #179d59 !important
}

.Stk-btns a:nth-child(2) {
  background-color: #fa4040 !important
}

.Stk-btns a:nth-child(3) {
  background-color: #00732F !important
}

.Stk-btns a:nth-child(4) {
  background-color: #a16c34 !important
}

.Stk-btns a:nth-child(5) {
  background-color: #2d978c !important
}

.Stk-btns a:nth-child(6) {
  background-color: #ffba00 !important
}

.Stk-btns a:nth-child(7) {
  background-color: #8d1b3d !important
}

.Stk-btns a {
  color: #fff !important
}

.earning-watch-growth .panel-group {
  width: 32.9%;
  float: left
}

  .earning-watch-growth .panel-group:not(:last-child) {
    margin-right: 5px
  }

.earning-watch-rzslider .rzslider {
  margin: 7px 0 !important;
}

  .earning-watch-rzslider .rzslider .rz-pointer {
    background-color: #3578a6;
    border: 1px solid #d8e0f3;
    border-radius: 2px;
    height: 9px;
    top: -2.7px;
    width: 8px;
    z-index: 1;
    border-radius: 15px;
  }

  .earning-watch-rzslider .rzslider span {
    position: absolute;
    display: inline-block;
    white-space: nowrap;
    font-size: 9px;
  }


    .earning-watch-rzslider .rzslider span.rz-model-val {
      visibility: hidden !important
    }

  .earning-watch-rzslider .rzslider .rz-bar.rz-selection {
    z-index: 2;
    background: #74a9d3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  }

  .earning-watch-rzslider .rzslider .rz-bar-wrapper {
    left: 0 !important;
    z-index: 1;
    width: 100%;
    height: 32px;
    padding-top: 16px;
    margin-top: -16px;
    box-sizing: border-box;
  }

tr.table-row-bold td {
  font-weight: 700
}

tr.tr-for, tr.tr-end {
  display: none
}

.fixedValueForScreener260 {
  height: 260px
}

.fixedValueForScreener370 {
  height: 370px
}

.MarketScreener .label-tabipo.active, .FundamentScreener .label-tabipo.active {
  background: #4e6979 !important;
  color: #fff
}

.label-tabipo {
  cursor: pointer
}

.MarketScreener .norecord {
  text-align: center;
  padding-top: 100px;
  font-size: 12px;
  font-weight: 700
}

.MarketScreener span.rz-model-val {
  display: none
}

.MarketScreener .rz-ceil {
  right: 0 !important;
  left: unset !important
}

.custom_chartgreen .chart {
  width: 42%;
  float: left
}

  .custom_chartgreen .chart > div {
    background: #5dc489;
    height: 16px;
    border-left: 1px solid #000
  }

.custom_chartgreen p {
  float: left;
  width: 50%;
  text-align: right;
  margin: 0;
  padding: 0 2px 0 0;
  color: #5dc489
}

.custom_chartred .chart {
  width: 35%;
  float: right
}

  .custom_chartred .chart > div {
    background: #f43b3b;
    height: 16px;
    float: right;
    border-right: 1px solid #000
  }

.custom_chartred p {
  float: right;
  width: 49%;
  margin: 0;
  padding: 0 0 0 2px;
  color: #f43b3b
}

.custom_chart .chart {
  width: 42%;
  float: left
}

  .custom_chart .chart > div {
    height: 16px;
    border-left: 1px solid #000
  }

.custom_chart p {
  float: left;
  width: 50%;
  text-align: right;
  margin: 0;
  padding: 0 2px 0 0
}

.chartgreen p {
  color: #5dc489
}

.chartgreen .chart > div {
  background: #5dc489
}

.chartred p {
  color: #f43b3b
}

.MarketScreener span.rz-model-val {
  display: none
}

.official-index-section ul {
  padding: 0 2px;
  width: 100%;
  display: table;
  margin-bottom: 0;
  line-height: 27px
}

  .official-index-section ul li {
    display: inline-table;
    padding: 1px;
    float: left
  }

    .official-index-section ul li:first-child {
      width: 4%;
      text-align: left
    }

    .official-index-section ul li:not(:first-child):not(:nth-child(2)) {
      width: 21%;
      text-align: left
    }

    .official-index-section ul li:nth-child(2) {
      width: 54%;
      display: table
    }

.official-index-wrapper {
  max-height: 260px;
  overflow-y: auto
}

.gccstockmarket select {
  width: 97%;
  margin: 4px 5px
}

.market-watch-links :nth-child(2):before {
  content: "|";
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: none
}

.market-watch-links:hover {
  text-decoration: none;
  cursor: pointer
}

.chartred .chart > div {
  background: #f43b3b
}

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

.newsdetail {
  padding: 0 0 15px
}

  .newsdetail p {
    text-align: justify
  }

.viewednews ul {
  margin: 0;
  padding: 0 0 0 15px
}

  .viewednews ul li {
    line-height: 22px;
    list-style-image: url(/Content/theme/images/arrow.jpg)
  }

    .viewednews ul li a {
      color: #337ab7;
      font-weight: 400
    }

.economy_indicators2 {
  padding: 0 0 10px
}

  .economy_indicators2 > p {
    color: #eee;
    border-bottom: solid #3a3a3a 1px;
    font-weight: 700;
    padding: 0 0 10px
  }

  .economy_indicators2 ul {
    margin: 0;
    padding: 0
  }

    .economy_indicators2 ul li {
      list-style: none;
      padding: 6px 0;
      color: #333;
      border-bottom: solid #3a3a3a 1px
    }

      .economy_indicators2 ul li a {
        color: #4d83c5;
        font-weight: 400
      }

      .economy_indicators2 ul li p {
        color: #3a9c74 !important
      }

        .economy_indicators2 ul li p p {
          color: #f43b3b !important;
          font-weight: 400
        }

.indi {
  margin: 0 0 15px
}

.labelNews {
  position: relative
}

  .labelNews:nth-child(1) {
    background-color: #fe6e6e !important
  }

  .labelNews:nth-child(2) {
    background-color: #ffbc3a !important
  }

  .labelNews:nth-child(3) {
    background-color: #73c46b !important
  }

  .labelNews:nth-child(4) {
    background-color: #4c86c7 !important
  }

  .labelNews:nth-child(5) {
    background-color: #c96 !important
  }

  .labelNews:nth-child(6) {
    background-color: #699 !important
  }

  .labelNews:nth-child(7) {
    background-color: #9863a9 !important
  }

  .labelNews:nth-child(8) {
    background-color: #a96363 !important
  }

.labelNews {
  display: inline-block;
  max-width: 100%;
  font-size: 11px !important;
  margin-bottom: 15px;
  font-weight: 400;
  color: #fff !important;
  padding: 4px 5px !important;
  border-radius: 3px
}

.NewsYearActive:nth-child(1) > span {
  border-top-color: #fe6e6e !important
}

.NewsYearActive:nth-child(2) > span {
  border-top-color: #ffbc3a !important
}

.NewsYearActive:nth-child(3) > span {
  border-top-color: #73c46b !important
}

.NewsYearActive:nth-child(4) > span {
  border-top-color: #4c86c7 !important
}

.NewsYearActive:nth-child(5) > span {
  border-top-color: #c96 !important
}

.NewsYearActive:nth-child(6) > span {
  border-top-color: #699 !important
}

.NewsYearActive:nth-child(7) > span {
  border-top-color: #9863a9 !important
}

.NewsYearActive:nth-child(8) > span {
  border-top-color: #a96363 !important
}

.NewsYearActive > span {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid;
  left: 40%;
  position: absolute;
  top: 23px
}

.index-detail-left-panel section {
  padding: 2px;
  line-height: 20px;
  border-bottom: 1px solid #3a3a3a;
  display: table;
  width: 100%
}

  .index-detail-left-panel section .earning-watch-rzslider {
    padding: 0 5px !important
  }

  .index-detail-left-panel section div[class *="col-"]:first-child {
    padding-left: 2px;
    padding-right: 5px
  }

  .index-detail-left-panel section div.col-md-12 {
    padding-left: 0 !important
  }

  .index-detail-left-panel section div[class *="col-"]:last-child {
    padding-right: 2px;
    padding-left: 5px
  }

.left-panel-heading h4 {
  padding: 6px 0;
  border-bottom: 1px solid #3a3a3a;
  width: 92%;
  display: table;
  margin: 0 auto;
  font-size: 13px;
  font-weight: bolder
}

.top-components, top-components-header {
  display: table;
  width: 100%
}

.top-components-header {
  background-color: #3a3a3a;
  border: solid 1px #3a3a3a;
  display: table;
  width: 100%;
  line-height: 37px;
  font-weight: 700
}

  .top-components div[class*="col-"], .top-components-header div[class*="col-"] {
    padding-left: 3px;
    padding-right: 0
  }

.top-components div.components-wrappers {
  border-bottom: solid 1px #3a3a3a;
  line-height: 35px;
  display: table;
  width: 100%;
  border-left: solid 1px #3a3a3a;
  border-right: solid 1px #3a3a3a
}

.top-components:nth-child(odd) {
  background: #3a3a3a
}

.top-components:nth-child(even) {
  background: #fff
}

.top-components div.components-wrappers:hover {
  background: #3a3a3a
}

.range-bar-change {
  text-align: center !important;
  padding: 8px 2px 0 !important;
  vertical-align: bottom !important;
  font-size: 10.2px;
  height: 24px !important
}

  .range-bar-change.change-bar {
    padding-top: 10px !important;
    height: 23px !important
  }

.home-fund-name {
  width: 60%;
  padding: 3px;
  vertical-align: middle
}

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

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

.globalNews > tbody > tr > td, .globalNews > tbody > tr > th, .globalNews > tfoot > tr > td, .globalNews > tfoot > tr > th, .globalNews > thead > tr > td, .table > thead > tr > th {
  padding: 6px
}

.padding-left-5 {
  padding-left: 5px !important
}

.padding-left-10 {
  padding-left: 10px !important
}

.padding-left-15 {
  padding-left: 15px !important
}

.padding-left-20 {
  padding-left: 20px !important
}

.padding-left-25 {
  padding-left: 25px !important
}

.padding-left-30 {
  padding-left: 30px !important
}

.padding-left-35 {
  padding-left: 35px !important
}

.padding-left-40 {
  padding-left: 40px !important
}

.padding-left-45 {
  padding-left: 45px !important
}

.padding-1 {
  padding: 1px !important;
}

.padding-2 {
  padding: 2px !important;
}

.padding-3 {
  padding: 3px !important;
}

.padding-4 {
  padding: 4px !important;
}

.padding-5 {
  padding: 5px !important;
}

.padding-6 {
  padding: 6px !important;
}

.padding-7 {
  padding: 7px !important;
}

.padding-8 {
  padding: 8px !important;
}

.padding-9 {
  padding: 9px !important;
}

.padding-10 {
  padding: 10px !important
}

.padding-15 {
  padding: 15px !important
}

.padding-20 {
  padding: 20px !important
}

.padding-25 {
  padding: 25px !important
}

.economy_indicators2 ul li p:first-child {
  width: 41%
}

table.tbl-mutual-fund {
    border: 1px solid #3a3a3a;
}

  table.tbl-mutual-fund th, table.tbl-mutual-fund td {
    border: 1px solid #3a3a3a;
    padding: 5px !important
  }

  table.tbl-mutual-fund div.change-bar {
    height: 21px !important;
    font-size: 11px
  }

  table.tbl-mutual-fund thead th {
    font-weight: 700;
    font-size: 11px;
    background-color: #000 !important;
    color: #eee;
  }

  table.tbl-mutual-fund h4 {
    font-size: 14px;
    /*color: #222;*/
    font-weight: 700
  }

ul.gcc-sectors {
  font-size: 13px;
  color: #fff;
  padding: 0
}

  ul.gcc-sectors li {
    border-bottom: 1px solid #3a3a3a;
    background-color: #000 !important;
    line-height: 15px
  }

    ul.gcc-sectors li.active {
      background-color: #1D4D6A
    }

    ul.gcc-sectors li a {
      display: table;
      width: 100%;
      padding: 5.25px;
      color: #fff;
      text-decoration: none
    }

      ul.gcc-sectors li a:hover {
        cursor: pointer
      }

.gcc-sectors-button {
  background-color: #000 !important;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  color: #eee; !important;
  display: inline-block;
  font-size: 11px !important;
  font-weight: 400;
  line-height: 14px;
  margin-right: 0;
  max-width: 100%;
  padding: 8px !important;
  text-align: center
}

.gcc-sectors-button-active {
  background-color: #1d4d6a !important;
  color: #fff !important
}

.company_graybutton {
  border-right: silver 1px outset;
  border-top: #36537f 2px outset;
  font-weight: 700;
  font-size: 10px;
  border-left: silver 1px outset;
  color: #fff;
  border-bottom: silver 1px outset;
  height: 22px;
  background-color: #89a5c8;
  border-style: solid;
  border-width: 1px;
  padding: 0 10px
}

.validation-div {
  text-align: right;
  margin-top: 6px
}

.btn_portfolio {
  display: block;
  padding: 7px 8px !important;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  margin: 0 0 11px;
  box-shadow: 1px 0 2px 1px #3a3a3a
}

.portfoliotool ul {
  margin: 0;
  padding: 0
}

  .portfoliotool ul li {
    list-style: none;
    float: left;
    padding: 4px 6px 10px 0
  }

.portfolio_tl h4 {
  padding: 15px 0
}

.edit_port {
  border: solid #3a3a3a 1px;
  padding: 10px 0;
  margin: 0 0 15px
}

.form-controlport {
  display: block;
  width: 100%;
  height: 31px !important;
  padding: 7px 5px;
  line-height: 1.428571;
  color: #eee;
  background-color: #000;
  background-image: none;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn_port {
  display: inline-block;
  padding: 3px 7px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

.navbar-form {
  padding: 0 !important;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
  margin: 8px -15px 8px 0
}

.labelport {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 400 !important
}

.no-padding {
  padding: 0 !important
}

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

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

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

.txt-center {
  text-align: center !important
}

hr.faded {
  border-bottom: medium none #3a3a3a;
  clear: both;
  display: table;
  float: none;
  height: 1px;
  margin-bottom: 6px;
  margin-top: 4px;
  width: 100%
}

.display-block {
  display: block
}

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

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

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

.no-margin {
  margin: 0 !important
}

.margin-top-4 {
  margin-top: 4px
}

.text-align {
  text-align: left
}

.search-tab-content {
  border-collapse: collapse;
  border-spacing: 0;
  color: #333;
  max-height: 303px
}

  .search-tab-content td, th {
    border: 1px solid transparent;
    height: 30px;
    transition: all .3s ease 0
  }

    .search-tab-content thead th {
        background: #000 none repeat scroll 0 0;
        font-weight: 700;
        color: #eee;
    }

    .search-tab-content thead td, .table-search tbody td {
        background: #000 none repeat scroll 0 0;
        color: #eee;
        text-align: left;
        vertical-align: middle
    }

    .search-tab-content tbody tr:nth-child(2n) td {
        background: #000 none repeat scroll 0 0;
        color: #eee;
    }

  .search-tab-content tbody tr:nth-child(2n+1) td {
    background: #000 none repeat scroll 0 0;
    color:#ADADAD;
  }

    .search-tab-content tbody tr:hover td {
        background-color: #3a3a3a;
        color: #eee;
    }

    .search-tab-content tbody tr:hover td a {
        color: #eee; !important;
        font-weight: 700
    }

.float-left {
  float: left
}

.clr-black-cus {
  color: #464646
}

.clr-gray-cus {
  color: #818181
}

.clr-red-cus {
  color: #ef4c36 !important
}

.clr-green-cus {
  color: #35b121 !important
}

.transactiondetail_rightborderredcolor {
  border-color: #ef4c36 !important;
}



.transactiondetail_rightbordergreencolor {
  border-color: #35b121 !important;
}

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

p {
  margin: 0;
  padding: 0
}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
  display: none
}

.txt-bold {
  font-weight: 700
}

.font-6 {
  font-size: 6px !important
}

.font-7 {
  font-size: 7px !important
}

.font-7_5 {
  font-size: 7.5px !important
}

.font-8 {
  font-size: 8px !important
}

.font-9 {
  font-size: 9px !important
}

.font-10 {
  font-size: 10px !important
}

.font-11 {
  font-size: 11px !important
}

.font-12 {
  font-size: 12px !important
}

.font-13 {
  font-size: 13px !important
}

.font-14 {
  font-size: 14px !important
}

.font-15 {
  font-size: 15px !important
}

.font-16 {
  font-size: 16px !important
}

.font-17 {
  font-size: 17px !important
}

.font-18 {
  font-size: 18px !important
}

.font-19 {
  font-size: 19px !important
}

.font-20 {
  font-size: 20px !important
}

.font-21 {
  font-size: 21px !important
}

.font-22 {
  font-size: 22px !important
}

.font-23 {
  font-size: 23px !important
}

.font-24 {
  font-size: 24px !important
}

.font-25 {
  font-size: 25px !important
}

.font-26 {
  font-size: 26px !important
}

.special-report-header {
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0px -15px 20px;
  border-bottom: 1px solid #3a3a3a;
  margin-bottom: 10px;
}

  .special-report-header h4 {
    margin: 0 15px;
  }

.recomend-body:hover > div > div > .nbs-flexisel-nav-left, .recomend-body:hover > div > div > .nbs-flexisel-nav-right {
  display: block !important
}

.panel-title, .x_title {
  font-size: 14px;
  font-weight: 700;
  color:#FFF;
}



.panel-group {
  margin-bottom: 5px
}

.badge {
  font-size: 11px
}

.change-bar {
  display: inline-table;
  float: left;
  height: 30px;
  padding: 10px 3px 0
}

  .change-bar span {
    display: block;
    float: right;
    margin: 1px 0;
    padding: 0 !important
  }

    .change-bar span.global_chartgreen {
      background: #5dc489 none repeat scroll 0 0;
      border-left: 1px solid #000;
      float: left;
      height: 16px
    }

    .change-bar span.global_chartred {
      background: #f43b3b none repeat scroll 0 0;
      border-right: 1px solid #000;
      float: right;
      height: 16px
    }

.progress-bar {
  display: inline-table;
  float: left;
  height: auto;
  padding: 10px 3px 0;
  line-height: 2px;
  height: 20px
}

    .progress-bar span {
        background: #337ab7 none repeat scroll 0 0;
        border-left: 1px solid #3a3a3a;
        float: left;
        height: 16px
    }

.border-bottom {
    border-bottom: 1px solid #3a3a3a !important
}

.border-top {
  border-top: 1px solid #3a3a3a !important
}

.searchTicker input {
  margin-left: 20px
}

.page-active {
  background-color: #3a3a3a !important;
  border-color: #3a3a3a;
  color: #777;
  cursor: not-allowed
}

.gsearch-popup {
  max-width: 300px !important
}

  .gsearch-popup > .col-md-55, .gsearch-popup > .col-xs-1, .gsearch-popup > .col-sm-1, .gsearch-popup > .col-md-1, .gsearch-popup > .col-lg-1, .gsearch-popup > .col-xs-2, .gsearch-popup > .col-sm-2, .gsearch-popup > .col-md-2, .gsearch-popup > .col-lg-2, .gsearch-popup > .col-xs-3, .gsearch-popup > .col-sm-3, .gsearch-popup > .col-md-3, .gsearch-popup > .col-lg-3, .gsearch-popup > .col-xs-4, .gsearch-popup > .col-sm-4, .gsearch-popup > .col-md-4, .gsearch-popup > .col-lg-4, .gsearch-popup > .col-xs-5, .gsearch-popup > .col-sm-5, .gsearch-popup > .col-md-5, .gsearch-popup > .col-lg-5, .gsearch-popup > .col-xs-6, .gsearch-popup > .col-sm-6, .gsearch-popup > .col-md-6, .gsearch-popup > .col-lg-6, .gsearch-popup > .col-xs-7, .gsearch-popup > .col-sm-7, .gsearch-popup > .col-md-7, .gsearch-popup > .col-lg-7, .gsearch-popup > .col-xs-8, .gsearch-popup > .col-sm-8, .gsearch-popup > .col-md-8, .gsearch-popup > .col-lg-8, .gsearch-popup > .col-xs-9, .gsearch-popup > .col-sm-9, .gsearch-popup > .col-md-9, .gsearch-popup > .col-lg-9, .gsearch-popup > .col-xs-10, .gsearch-popup > .col-sm-10, .gsearch-popup > .col-md-10, .gsearch-popup > .col-lg-10, .gsearch-popup > .col-xs-11, .gsearch-popup > .col-sm-11, .gsearch-popup > .col-md-11, .gsearch-popup > .col-lg-11, .gsearch-popup > .col-xs-12, .gsearch-popup > .col-sm-12, .gsearch-popup > .col-md-12, .gsearch-popup > .col-lg-12 {
    float: left;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative
  }

.topbar .nav-popular {
  padding: 5px
}

.official-index-chart {
  display: table;
  width: 100%
}

.line-height-10 {
  line-height: 10px !important
}

.line-height-0 {
  line-height: 0 !important
}

.official-index {
  cursor: pointer;
  margin: 10px 0;
  padding: 5px 8px
}

.fixed_height_320 {
  height: 320px
}

.fixed_height_390 {
  height: 390px
}

.fixed_height_200 {
  height: 200px
}

.overflow_hidden {
  overflow: hidden
}

.progress-bar-dark {
  background-color: #34495e !important
}

.progress-bar-gray {
  background-color: #bdc3c7 !important
}

table.no-margin .progress {
  margin-bottom: 0
}

.main_content {
  padding: 10px 20px
}

.col-md-55 {
  margin-bottom: 10px;
  width: 50%
}

.border {
  border: 1px solid #3a3a3a
}

.top_nav .navbar-right {
  float: right;
  margin: 0
}

  .top_nav .navbar-right li {
    display: inline-block;
    float: right
  }

.top_nav .dropdown-menu {
  min-width: 220px
}

  .top_nav .dropdown-menu li {
    width: 100%
  }

    .top_nav .dropdown-menu li a {
      padding: 12px 20px;
      width: 100%
    }

.top_nav li a i {
  font-size: 15px
}

.hr-fancy {
  clear: both;
  height: 0;
  margin: 3px 0 2px;
  position: relative;
  background-color: transparent;
  height: 2px
}

.hr-fancy-dark {
  clear: both;
  height: 0;
  margin: 0;
  position: relative;
  background-color: #000;
  height: 1px
}

.searchicon {
    border-left: 1px solid #3a3a3a;
    display: inline-block;
    height: 16px;
    padding: 0;
    vertical-align: middle;
    width: 16px
}

.modal-footer, .modal-header {
  padding: 3px
}

.popup-header {
  background-color: #202020;
  border-bottom: 1px solid #3a3a3a;
  border-radius: 4px;
  color: #fff;
  display: table;
  float: left;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0 1px 0 4px;
  width: 100%
}

.fade-in-out.ng-remove-active {
  opacity: 0
}

.svgSpinner {
  display: none
}

.searchresults .textBox {
  max-height: 215px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  width: auto
}

.marketsindices, .marketsindices_down {
  padding-right: 5px
}

.modal-content {
  background-clip: padding-box;
  background-color: #000;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 7px;
  box-shadow: 0 3px 9px rgba(0,0,0,0.5);
  display: table;
  outline: 0 none;
  padding: 2px;
  position: relative
}

.searchresults .textBox .groupHeader {
  background-color: #3a3a3a;
  color: #6c6c6c;
  font-size: 12px;
  font-weight: 700;
  line-height: 32px;
  padding: 0 14px
}

.searchresults .textBox TABLE {
  table-layout: fixed
}

.resultsContainer {
  margin-top: 5px;
  position: relative
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

.recentSearchesLinks {
  background-color: #f7f7f7;
  border-top: 1px solid #bababa;
  font-size: 12px;
  line-height: 48px;
  padding: 0 14px
}

.displayNone {
  display: none
}

.searchresults .textBox TABLE, .searchresults .textBox .resultsContainer {
  margin: 0;
  width: 100%
}

TABLE {
  border-collapse: collapse;
  border-spacing: 0
}

.searchresults .row {
  line-height: 27px;
  width: auto
}

.searchresults .textBox .first.flag {
  padding: 0
}

.topbar .searchresults .textBox TD {
  line-height: 27px
}

.searchresults .textBox .first {
  padding-left: 13px;
  padding-right: 0
}

.searchresults .textBox TD {
  color: #333;
  line-height: 24px;
  padding-right: 10px;
  white-space: nowrap
}

TD.flag, TH.flag {
  padding: 0;
  text-align: center;
  width: 35px
}

TD {
  vertical-align: top
}

.searchTabs {
  font-size: 12px
}

.topbar .searchTabs .tabsForBox {
  height: 32px;
  line-height: 32px
}

.searchTabs .tabsForBox {
    background: #f7f7f7 none repeat scroll 0 0;
    border-bottom: 1px solid #3a3a3a;
    height: 21px;
    line-height: 21px;
    padding: 0;
    width: 100%
}

.tabsForBox {
  height: 21px;
  line-height: 21px;
  margin: 0;
  padding: 2px 0 0;
  text-align: left
}

ol, ul {
  list-style: outside none none
}

.topbar .searchTabs .tabsForBox li {
  height: 32px;
  line-height: 32px
}

.searchTabs .tabsForBox li.selected {
  background: #fff none repeat scroll 0 0;
  margin: 0 0 -1px;
  padding-top: 0
}

.tabsForBox LI.selected.first {
  background: rgba(0,0,0,0) none repeat scroll 0 0;
  margin: -2px -1px 0 0
}

.searchTabs .tabsForBox li {
  height: 21px;
  line-height: 21px;
  padding-top: 1px
}

.tabsForBox li.selected {
  background: rgba(0,0,0,0) none repeat scroll 0 0;
  margin: -2px -1px 0
}

.tabsForBox li {
  float: left;
  height: 21px;
  list-style: outside none none;
  padding: 0
}

.searchTabs .tabsForBox li.selected.first a {
  border-left: 0 none;
  padding-left: 14px
}

.topbar .searchTabs .tabsForBox .selected a {
  height: 33px;
  line-height: 33px
}

.searchTabs .tabsForBox li.selected a {
  border-top: 0 none;
  color: #333;
  height: 22px;
  line-height: 22px;
  margin: 0
}

.tabsForBox LI.selected:first-child A {
  border-left: 1px solid #3a3a3a;
  border-right: 1px solid #3a3a3a
}

.tabsForBox li.selected.first a {
  padding-left: 13px
}

.searchTabs .tabsForBox li a {
  color: gray;
  font-weight: 400;
  height: 14px;
  line-height: 14px;
  padding: 0 14px
}

.tabsForBox li:first-child a {
  border-left: 0 none
}

.tabsForBox li.selected a {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #000;
  border-color: #595959 #bababa;
  border-image: none;
  border-style: solid solid none;
  border-width: 2px 1px medium;
  color: #333;
  height: 22px;
  line-height: 21px;
  margin: 0;
  position: relative;
  width: auto
}

.tabsForBox li.first a {
  background: rgba(0,0,0,0) none repeat scroll 0 0;
  padding-left: 14px
}

.tabsForBox li i {
  border-left: 1px solid #3a3a3a
}

.tabsForBox li a {
  display: inline-block;
  font-weight: 700;
  height: 14px;
  line-height: 14px;
  margin: 0;
  padding: 0 12px
}

.searchTabs .tabsForBox LI.selected + LI A {
  border-left: medium none
}

.searchTabs .tabsForBox LI A {
  color: gray;
  font-weight: 400;
  height: 14px;
  line-height: 14px;
  padding: 0 14px
}

.tabsForBox LI A {
  border-left: 1px solid #3a3a3a
}

.searchTabs .tabsForBox LI.selected.first A {
  border-left: 0 none;
  padding-left: 14px
}

.topbar .searchTabs .tabsForBox .selected A {
  height: 33px;
  line-height: 33px
}

.searchTabs .tabsForBox LI.selected A {
  border-top: 0 none;
  color: #333;
  height: 22px;
  line-height: 22px;
  margin: 0
}

.tabsForBox LI.selected.first A {
  padding-left: 13px
}

.tabsForBox LI.selected A:hover {
  cursor: default;
  text-decoration: none
}

.tabsForBox LI:first-child A {
  border-left: 0 none
}

.tabsForBox LI.selected A {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #000;
  border-color: #595959 #bababa;
  border-image: none;
  border-style: solid solid none;
  border-width: 2px 1px medium;
  color: #333;
  height: 22px;
  line-height: 21px;
  margin: 0;
  position: relative;
  width: auto
}

.tabsForBox LI.first A {
  background: rgba(0,0,0,0) none repeat scroll 0 0;
  padding-left: 14px
}

A:hover {
  text-decoration: underline
}

.topbar .searchTabs .tabsForBox LI {
  height: 32px;
  line-height: 32px
}

.searchTabs .tabsForBox LI.selected {
  background: #fff none repeat scroll 0 0;
  margin: 0 0 -1px;
  padding-top: 0
}

.searchTabs .tabsForBox LI {
  height: 21px;
  line-height: 21px;
  padding-top: 1px
}

.tabsForBox LI.selected {
  background: rgba(0,0,0,0) none repeat scroll 0 0;
  margin: -2px -1px 0
}

.tabsForBox LI {
  float: left;
  height: 21px;
  list-style: outside none none;
  padding: 0
}

.topbar .searchresults .searchResultsFooter {
    border-top: 1px solid #3a3a3a;
    padding: 0 12px
}

.topbar .searchresults .googlePageLink, .topbar .searchresults .searchResultsFooter {
  background-color: #f7f7f7;
  color: #1256a0;
  font-size: 14px;
  line-height: 48px
}

.googlePageLink, .searchResultsFooter {
    border-top: 1px solid #3a3a3a;
    line-height: 29px;
    padding: 0 14px
}

.topbar .tab-content {
  padding: 5px
}

.topbar .nav-tabs > li > a {
  border-radius: 0;
  color: #eee;
}

.topbar .nav-tabs {
  background-color: #000;
  border-bottom: 1px solid #3a3a3a;
  width: 100%;
  display: block
}

.searchText:focus + .searchresults {
  display: block !important
}

.topbar h4 {
  padding-left: 7px
}

#grid-basic tr:first-child td {
  border-top: medium none
}

#grid-basic tr:last-child td {
  border-bottom: 1px solid #3a3a3a
}

.footer a {
  background: #202020 none repeat scroll 0 0;
  color: #fff !important;
  display: table;
  height: 32px;
  padding: 7px 5px 5px;
  text-align: center;
  width: 100%
}

  .footer a:hover, .footer a:focus {
    cursor: pointer;
    text-decoration: none
  }

.space-1 {
  clear: both;
  height: 1px
}

.space-5 {
  clear: both;
  height: 5px
}

.space-10 {
  clear: both;
  height: 10px
}

.space-15 {
  clear: both;
  height: 15px
}

.space-20 {
  clear: both;
  height: 20px
}

.space-25 {
  clear: both;
  height: 25px
}

.space-30 {
  clear: both;
  height: 30px
}

.highlight {
  background: #ff0 none repeat scroll 0 0;
  color: #000
}

.fancybox-inner {
  overflow: hidden !important
}

.search-links {
  padding-bottom: 7px;
  padding-top: 0
}

.chart-container {
  border-bottom: 1px solid #3a3a3a;
  border-top: 1px solid #3a3a3a;
  margin-top: 10px
}

.chart-div {
  height: 150px;
  margin: 0 auto;
  min-width: 290px;
  padding-top: 0
}

.line-height {
  line-height: 1.6
}

.table-search {
  margin-bottom: 5px !important
}

table.table-search thead tr td {
  font-weight: 700
}

.showLoading {
  display: table;
  height: 35px;
  line-height: 35px;
  padding-top: 10px;
  text-align: center;
  width: 100%
}

.cursor-notallowed {
  cursor: not-allowed
}

.cursor-pointer {
  cursor: pointer !important
}

.blueBody {
  height: auto;
  width: 100%
}

.main-heading {
  color: #fff;
  font-size: xx-small;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  padding-left: 12px
}

.blueBody .innerTable {
  border-style: solid;
  border-width: 1px 1px 3px;
  margin: 5px;
  padding: 15px 15px 10px
}

.mainTitle_blue h1 {
  font-size: 14px
}

.panel-sub-title {
  font-size: 12px;
  font-weight: 700;
  padding: 3px
}

.news-label {
  display: inline-block;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 6px;
  max-width: 100%
}

.row-title {
  background-color: #3a3a3a;
  padding: 6px
}

.row-sub-title {
  background-color: #3a3a3a;
  border-top: 1px solid #3a3a3a;
  font-weight: 600;
  padding: 1px 2px 1px 13px
}

.text-black {
  font-weight: 900
}

.text-extra-bold {
  font-weight: 800
}

.text-bold {
  font-weight: 700 !important
}

.text-semi-bold {
  font-weight: 600
}

.text-medium {
  font-weight: 500
}

.text-normal {
  font-weight: 400
}

.text-light {
  font-weight: 300
}

.text-extra-light {
  font-weight: 200
}

.text-thin {
  font-weight: 100
}

.amChartsDataSetSelector {
  font-family: verdana,helvetica,arial,sans-serif;
  font-size: 12px
}

.amChartsPeriodSelector {
  font-family: verdana,helvetica,arial,sans-serif;
  font-size: 12px
}

.amChartsButtonSelected {
  background-color: #c00;
  border-color: #c00;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: #fff;
  margin: 1px;
  outline: medium none
}

.amChartsButton {
  background: transparent none repeat scroll 0 0;
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 5px;
  box-sizing: border-box;
  color: #000;
  margin: 1px;
  opacity: .7;
  outline: medium none
}

.amChartsCompareList {
  border-color: #FFF;
  border-style: solid;
  border-width: 1px
}

  .amChartsCompareList div {
    box-sizing: initial
  }

.line-height-15 {
  line-height: 15px
}

.line-height-16 {
  line-height: 16px
}

.line-height-17 {
  line-height: 17px
}

.line-height-18 {
  line-height: 18px
}

.line-height-19 {
  line-height: 19px
}

.line-height-20 {
  line-height: 20px
}

.line-height-21 {
  line-height: 21px
}

.line-height-22 {
  line-height: 22px
}

.line-height-23 {
  line-height: 23px
}

.line-height-24 {
  line-height: 24px
}

.line-height-25 {
  line-height: 25px
}

.line-height-30 {
  line-height: 30px
}

.line-height-32 {
  line-height: 32px
}

.line-height-34 {
  line-height: 34px
}

.line-height-36 {
  line-height: 36px
}

.line-height-37 {
  line-height: 37px
}

.line-height-38 {
  line-height: 38px
}

.width-1p {
  width: 1% !important
}

.width-2p {
  width: 2% !important
}

.width-3p {
  width: 3% !important
}

.width-4p {
  width: 4% !important
}

.width-5p {
  width: 5% !important
}

.width-6p {
  width: 6% !important
}

.width-7p {
  width: 7% !important
}

.width-8p {
  width: 8% !important
}

.width-9p {
  width: 9% !important
}

.width-10p {
  width: 10% !important
}

.width-13p {
  width: 13% !important
}

.width-15p {
  width: 15% !important
}

.width-17p {
  width: 17% !important
}

.width-20p {
  width: 20% !important
}

.width-25p {
  width: 25% !important
}

.width-30p {
  width: 30% !important
}

.width-35p {
  width: 35% !important
}

.width-355p {
  width: 35.5% !important
}

.width-40p {
  width: 40% !important
}

.width-45p {
  width: 45% !important
}

.width-50p {
  width: 50% !important
}

.width-55p {
  width: 55% !important
}

.width-65p {
  width: 65% !important
}

.width-70p {
  width: 70% !important
}

.width-75p {
  width: 75% !important
}

.width-80p {
  width: 80% !important
}

.width-85p {
  width: 85% !important
}

.width-90p {
  width: 90% !important
}

.width-95p {
  width: 95% !important
}

.width-100p {
  width: 100% !important
}

.width-90px {
  width: 90px !important
}

.width-100px {
  width: 100px !important
}

.width-113px {
  width: 113px !important
}

.width-300 {
  width: 300px !important
}

.min-width-300 {
  min-width: 300px !important
}

.height-0 {
  height: 0 !important;
  opacity: 0 !important;
}

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

.height-10 {
  height: 10px !important
}

.height-15 {
  height: 15px !important
}

.height-20 {
  height: 20px !important
}

.height-25 {
  height: 25px !important
}

.height-26 {
  height: 26px !important
}

.height-27 {
  height: 27px !important
}

.height-28 {
  height: 28px !important
}

.height-29 {
  height: 29px !important
}

.height-30 {
  height: 30px !important
}

.height-32 {
  height: 32px !important
}

.height-34 {
  height: 34px !important
}

.height-35 {
  height: 35px !important
}

.height-40 {
  height: 40px !important
}

.height-45 {
  height: 45px !important
}

.height-50 {
  height: 50px !important
}

.height-55 {
  height: 55px !important
}

.height-60 {
  height: 60px !important
}

.height-65 {
  height: 65px !important
}

.height-70 {
  height: 70px !important
}

.height-75 {
  height: 75px !important
}

.height-80 {
  height: 80px !important
}

.height-85 {
  height: 85px !important
}

.height-90 {
  height: 90px !important
}

.height-95 {
  height: 95px !important
}

.height-100 {
  height: 100px !important
}

.height-105 {
  height: 105px !important
}

.height-110 {
  height: 110px !important
}

.height-120 {
  height: 120px !important
}

.height-125 {
  height: 125px !important
}

.height-200 {
  height: 200px !important;
}

.current {
  background-color: #3a3a3a
}

.drpMarkets {
  padding: 7px;
  width: 100%
}

.padding-left-15 {
  padding-left: 15px !important
}

.nbs-flexisel-ul li > div:last-child {
  border-top: medium none
}

.noBorderRight {
  border-right: medium none
}



.padding-right-5 {
  padding-right: 5px !important
}

.padding-right-10, .margin-right-10 {
  padding-right: 10px !important
}

.margin-right-0 {
  margin-right: 0px !important
}

.margin-right-1 {
  margin-right: 1px !important
}

.margin-right-2 {
  margin-right: 2px !important
}

.margin-right-3 {
  margin-right: 3px !important
}

.margin-right-4 {
  margin-right: 4px !important
}

.margin-right-5 {
  margin-right: 5px !important
}

.margin-right-6 {
  margin-right: 6px !important
}

.margin-right-7 {
  margin-right: 7px !important
}

.margin-right-8 {
  margin-right: 8px !important
}

.margin-right-9 {
  margin-right: 9px !important
}

.margin-right-10 {
  margin-right: 10px !important
}

.padding-right-15 {
  padding-right: 15px !important
}

.recomendMore {
  bottom: 5px;
  font-weight: 800;
  position: absolute;
  right: 10px
}

.tooltip-inner {
  background-color: #999
}

.slider-selection {
  background: #bababa none repeat scroll 0 0
}

.tooltip.top .tooltip-arrow {
  border-top-color: #999
}


.faint-date {
  color: gray
}

.padding-top-10 {
  padding-top: 10px !important
}

.padding-top-15 {
  padding-top: 15px !important
}

.padding-top-20 {
  padding-top: 20px !important
}

.padding-top-25 {
  padding-top: 25px !important
}

.padding-top-30 {
  padding-top: 30px !important
}

.ipoList {
  display: flex
}

  .ipoList > li {
    margin: 0 20px;
    padding: 0 10px
  }

.panel-default > .panel-heading {
    background-color: #000;
    border-color: #FFF;
    color: #FFF;
    font-weight: 700
}

#toolsMyWatchListCtrl .panel-heading {
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 10px !important
}

.padding-bottom-10 {
  padding-bottom: 10px
}

.max-height-200 {
  max-height: 200px
}

.max-height-250 {
  max-height: 250px
}

.max-height-300 {
  max-height: 300px
}

.max-height-350 {
  max-height: 350px
}

.min-height-200 {
  min-height: 200px
}

.min-height-300 {
  min-height: 300px
}

.my-watch-panel {
  margin-bottom: 10px
}

  .my-watch-panel .panel-body {
    min-height: 50px;
    overflow: auto
  }

.table-td-middle td {
  vertical-align: middle !important
}

.overflow-auto {
  overflow: auto
}

.ipoList > li {
  margin: 0 20px;
  padding: 0 10px
}

.label-home-1 {
  background-color: #f90;
  transition: all .5s ease 0
}

.label-home-2 {
  background-color: #219f9b;
  transition: all .5s ease 0
}

.label-home-3 {
  background-color: #c0a427;
  transition: all .5s ease 0
}

.label-home-4 {
  background-color: #673bb7;
  transition: all .5s ease 0
}

.label-home-5 {
  background-color: #c7589c;
  transition: all .5s ease 0
}

.label-home-6 {
  background-color: #97b718;
  transition: all .5s ease 0
}

.label-home-7 {
  background-color: #209a54;
  transition: all .5s ease 0
}

.label-tab {
  color: #fff
}

.input:checked + .label-tab {
  position: relative
}

.input:checked + .label-home-1 > span {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f90;
  left: 40%;
  position: absolute;
  top: 32px
}

.input:checked + .label-home-2 > span {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #219f9b;
  left: 40%;
  position: absolute;
  top: 32px
}

.input:checked + .label-home-3 > span {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #c0a427;
  left: 40%;
  position: absolute;
  top: 32px
}

.input:checked + .label-home-4 > span {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #673bb7;
  left: 40%;
  position: absolute;
  top: 32px
}

.input:checked + .label-home-5 > span {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #c7589c;
  left: 40%;
  position: absolute;
  top: 32px
}

.input:checked + .label-home-6 > span {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #97b718;
  left: 40%;
  position: absolute;
  top: 32px
}

.input:checked + .label-home-7 > span {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #209a54;
  left: 40%;
  position: absolute;
  top: 32px
}

.label-ticker {
  color: #fff;
  margin-left: 5px;
  padding: 3px
}

.table-benchmark tbody {
  border-top: medium none !important
}

.table-benchmark td, .table-benchmark th {
  vertical-align: middle !important
}

.modal {
  text-align: center
}

.business-news-chart {
  width: 100%;
  height: 200px;
  direction: ltr !important;
}

.modal-dialog {
  display: inline-block;
  margin: 30px auto;
  min-width: 300px;
  text-align: left;
  vertical-align: middle;
  width: auto
}

.gsearch-popup a.popup-close, .popup-header a.popup-close {
  position: fixed;
  _position: absolute;
  top: -15px;
  _top: expression(eval(document.body.scrollTop));
  background-color: #202020;
  color: #000;
  border-radius: 11px;
  padding-left: 1px;
  padding-right: 1px;
  right: -12px;
  left: auto;
  display: table
}

.popup-close .fa-times {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 4px
}

.popup-content {
  font-size: 9px !important;
  margin-bottom: 5px;
  padding-bottom: 5px;
  display: table;
  padding-top: 5px
}

.thead-default {
  background-color: #3a3a3a;
  font-weight: 700
}

.popup-content div.col-md-4, .popup-content div.col-md-6, .popup-content div.col-md-8, .popup-content .col-md-12 {
  line-height: 18px
}

ul.equities-popup {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0
}

  ul.equities-popup li {
    width: 49.5%;
    display: inline-table;
    line-height: 19px;
    float: left
  }

    ul.equities-popup li label {
      margin-bottom: 0
    }

  ul.equities-popup span[disabled] {
    color: #3a3a3a;
    text-decoration: none
  }

ul.gs-links {
  padding-left: 0;
  margin-bottom: 0;
  text-align: center
}

  ul.gs-links li {
    display: inline;
    line-height: 19px
  }

    ul.gs-links li label {
      margin-bottom: 0
    }

      ul.gs-links li label a {
        text-decoration: underline
      }

.popup-header-content a label {
  margin-bottom: 0
}

.popup-header-content a {
  display: table;
  width: 100%;
  color: #fff
}

  .popup-header-content a label, .popup-header-content a h5 {
    cursor: pointer !important;
    color: white;
  }

    .popup-header-content a:hover {
        color: #202020;
        text-decoration: underline
    }

.popup-header-content h5 label, .popup-header-content small, .popup-header-content h5 span {
  color: #fff;
}


.gs-ann {
  color: #0070C0;
  font-weight: 700
}

.nav-results, .nav-popular {
  padding: 5px
}

  .nav-results li.active a, .nav-popular li.active a {
    background-color: #ff9800;
    color: #fff !important;
  }

  .nav-popular li {
    width: 35%
  }

    .nav-results li a, .nav-popular li a {
      background-color: #000;
      border: 1px solid #3a3a3a;
      color: #555;
      display: block;
      padding: 6px 36px;
      position: relative;
      text-align: center
    }

      .nav-results li.active a:hover, .nav-results li a:hover, .nav-popular li.active a:hover, .nav-popular li a:hover {
        background-color: #f90;
        color: #fff
      }

.search-h5 {
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 4px
}

.popup-header-content {
  display: table;
  padding: 2px 0 3px;
  text-align: center;
  width: 92%
}

.popup-header label {
  font-weight: 400 !important
}

.negative {
  color: #ef4c36 !important
}

.postive {
  color: #35b121 !important
}

.userPortfolio ul li:nth-child(2) {
  width: 30%
}

.userPortfolio ul li:first-child {
  width: 70%;
  font-size: 10.5px
}

.userPortfolio ul li a:hover {
  text-decoration: none
}

.SparklineChartUserPortfolio {
  min-width: 60px;
  height: 20px
}

.SparklineChart {
  width: 70px;
  height: 20px;
  direction: ltr !important;
}

.table > thead > tr > th {
    border: 1px solid #3a3a3a;
    vertical-align: middle;
    background: #000 !important;
    color: #FFF;
}

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


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

.no-border-top {
  border-top: medium none !important
}

.no-border-bottom {
  border-bottom: medium none !important
}

.no-border-left {
  border-left: medium none !important
}

.no-border-right {
  border-right: medium none !important
}

.highchart-tooltip-cus {
  background-color: #000;
  border: 1px solid #3a3a3a;
  padding: 2px 9px
}

.earning-watch-chart {
  background-color: #3a3a3a;
  display: inline-table;
  float: right;
  height: 10px;
  margin-left: 10px;
  max-width: 100px;
  padding-top: 4px;
  width: 100%
}

  .earning-watch-chart .gain {
    background-color: #32ba17;
    display: inline-table;
    float: left;
    height: 10px
  }

  .earning-watch-chart .lose {
    background-color: #ef2f0c;
    display: inline;
    float: left;
    height: 10px
  }

.divSector {
  float: left;
  margin-bottom: 10px;
  margin-top: 10px
}

  .divSector span {
    display: block;
    float: left;
    padding: 5px 2px 0 5px;
    white-space: nowrap;
    width: 230px
  }

a[ng-click] {
  cursor: pointer
}

.nav-results li:not(:last-child) {
  width: 25% !important
}

.text-left {
  /* text-align: left !important */
}

.help {
  background: rgba(0,0,0,0) url(/Content/Theme/images/qmark-Eng.gif) no-repeat scroll right center;
  color: #62a7ee !important;
  font-size: 11px !important;
  padding: 5px 20px
}

td.fc-bgevent {
  cursor: pointer
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
  cursor: pointer
}

.blueColor {
  color: #337ab7 !important
}

.newcompany_tablestyle {
  background-color: #000;
  border: 2px solid #79b;
  height: 150px;
  margin-bottom: 10px;
  margin-left: 15px;
  width: 97%
}

.addcompany_label {
  color: #33557b;
  display: block;
  font-size: 10px;
  font-weight: 700;
  margin: 3px 0 0 3px;
  text-decoration: none
}

.addcompany_transactionliststyle {
  float: left;
  list-style: outside none none;
  margin-left: 330px
}

.symbollookup_textbox {
  display: table;
  margin-bottom: 5px;
  margin-left: 3px;
  margin-top: 10px;
  width: 100%
}

.transactiontypedropdownlist {
  margin-left: 162px
}

.addcompany_labelmargin {
  color: #33557b;
  float: left;
  font-size: 12px;
  line-height: 25px;
  list-style: outside none none;
  margin-left: 2px
}

.style_textbox {
  border: 1px solid #7693b7;
  font-size: 10px;
  height: 25px;
  margin-left: 38px;
  width: 55px
}

.newportfolio_textbox {
  border: 1px solid #7693b7;
  height: 25px;
  width: 115px
}

.datetextbox_margin {
  margin-left: 40px
}

.addcompany_headingstyle {
  font-size: 11px;
  font-weight: 400;
  line-height: 25px;
  margin-left: 38px
}

.managecash_buttonmargin {
  padding: 5px 10px 6px 15px
}

.RedText {
  color: red;
  font-family: Verdana;
  font-size: 9px
}

.historyDiv {
  display: table;
  padding: 15px 0 10px;
  width: 100%
}

.buyaction_transactiondetailtablestyle {
  background-color: #000;
  border: 2px solid #79b;
  display: table;
  height: auto;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%
}

.addcompany_headingstyle_fee {
  font-size: 11px;
  font-weight: 400;
  line-height: 33px;
  margin-left: 38px;
  margin-top: 8px
}

.full-width {
  width: 90% !important
}

.button-group {
  margin-top: 15px
}

.portfolioList ul {
  display: block;
  height: 30px;
  margin: 0;
  overflow: hidden;
  padding-left: 0;
  width: 100%
}

.portfolioList a.prev {
  background-color: #5a99ba;
  color: #fff;
  display: none;
  height: 28px;
  padding: 6px 1px 1px 8px;
  position: absolute;
  top: 0;
  width: 21px
}

.portfolioList a.next {
  background-color: #5a99ba;
  color: #fff;
  display: none;
  height: 28px;
  padding: 6px 1px 1px 8px;
  position: absolute;
  right: 0;
  top: 0;
  width: 21px
}

.panel-body.Portfolio.no-padding-top:hover a.next, .panel-body.Portfolio.no-padding-top:hover a.prev {
  display: block !important
}

.portfolioList > ul > li {
  cursor: default;
  display: block;
  height: 28px;
  overflow: hidden;
  padding-top: 6px;
  text-align: center;
  font-weight: bolder
}

  .portfolioList > ul > li a {
    /*color: #444242;*/
    font-weight: bolder;
    text-transform: capitalize;
    cursor: pointer;
    text-decoration: underline
  }

    .portfolioList > ul > li a:hover {
      cursor: pointer
    }

.portfolioList a.next[disabled], .portfolioList a.prev[disabled] {
  cursor: not-allowed
}

.popover-content {
  padding: 4px
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
  max-width: 600px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #000;
  border: 1px solid #3a3a3a;
  border: 1px solid rgba(0,0,0,0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

.li-graph {
  padding: 0
}

.panel-title > a {
  /* color: #fff !important; */
  text-decoration: none;
}

.div-graph {
  min-width: 100px;
  height: 38px;
  display: inline-table
}

#tblGCC thead tr th {
  cursor: pointer
}

.opacity-0 {
  opacity: 0;
  cursor: default !important
}

.opacity-1 {
  opacity: 1
}

.opacity-2 {
  opacity: .2
}

.opacity-3 {
  opacity: .3
}

.opacity-4 {
  opacity: .4
}

#tblGCC thead tr th.sorting:before {
  content: "\f0dc";
  margin-right: 1em;
  font-family: FontAwesome;
  cursor: pointer
}

#tblGCC thead tr th.sorting_asc:before {
  content: "\f0de";
  margin-right: 1em;
  font-family: FontAwesome
}

#tblGCC thead tr th.sorting_desc:before {
  content: "\f0dd";
  margin-right: 1em;
  font-family: FontAwesome
}

.table-sortable thead tr th {
  cursor: pointer
}

  .table-sortable thead tr th.sorting:before {
    content: "\f0dc";
    margin-right: 1em;
    font-family: FontAwesome;
    cursor: pointer
  }

  .table-sortable thead tr th.sorting_asc:before {
    content: "\f0de";
    margin-right: 1em;
    font-family: FontAwesome
  }

  .table-sortable thead tr th.sorting_desc:before {
    content: "\f0dd";
    margin-right: 1em;
    font-family: FontAwesome
  }

.table-wrapper {
  width: 97%;
  float: left
}

.table-control > .ColVis > button.ColVis_Button {
  float: right;
  height: 35px;
  padding: 0 7px 4px;
  position: absolute;
  right: .1%;
  width: 3.4%
}

  .table-control > .ColVis > button.ColVis_Button span {
    font-size: 2em;
    padding-bottom: 2px;
    font-weight: 700
  }

.highlighted {
  background-color: #ff0
}

.quiz li {
  list-style-type: upper-alpha
}

#tblGCC {
  width: 100% !important
}

.chart-recentperf, .chart-historydata {
  min-width: 70px;
  height: 35px
}

table.per_com thead tr th:first-child, table.per_com tbody tr td:first-child {
  padding-left: 5px
}

table.per_com thead tr th {
  font-size: 12px
}

.table-fixed thead {
  width: 97%
}

.table-fixed tbody {
  height: 230px;
  overflow-y: auto;
  width: 100%
}

.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block
}

  .table-fixed tbody td, .table-fixed thead > tr > th {
    float: left;
    border-bottom-width: 0
  }

.slimScrollDiv {
  padding: 0 4px
}

.txt-right {
  text-align: right
}

.CompEventDetail {
  display: table;
  padding: 5px;
  border: 1px solid #3a3a3a;
  margin-bottom: 4px;
  width: 100%
}

  .CompEventDetail dl dt {
    float: left;
    border-radius: 31px;
    padding: 6px;
    background: #347AB8;
    width: 34px;
    text-align: center;
    color: #fff;
    line-height: 12px;
    font-size: 10px
  }

  .CompEventDetail dl dd {
    float: left;
    border-radius: 31px;
    padding: 3px;
    float: right;
    display: table;
    width: 84%
  }

  .CompEventDetail.eventIsSelect {
    border: 1px solid #f62828 !important
  }

.marketsSector {
  min-height: 456px;
  max-height: 456px
}

.text-color {
  color: #222;
}

.text-center {
  text-align: center !important
}

.text-right {
  text-align: right !important
}

.ipoPriceing tr td:nth-child(1) {
  width: 33%
}

.ipoPriceing tr td:nth-child(2) {
  width: 20%
}

.ipoactive > span {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid;
  left: 40%;
  position: absolute;
  top: 23px
}

.ipoactive > span {
  border-top-color: inherit;
}


.tbl-ratio-comparison thead th {
  font-size: 11px
}

.tbl-ratio-comparison tbody td {
  font-size: 10px
}

.displayInline {
  display: inline-table
}

.table-keydata tr td:not(:last-child) {
  border-top: none !important;
  border-bottom: solid 1px #3a3a3a;
  vertical-align: bottom !important;
  padding-bottom: 3px !important;
  padding-left: 0
}

.table-keydata tr td:nth-child(2) {
  text-align: right;
  padding: 3px !important
}

.table-keydata tr td:last-child {
  border-top: none !important;
  border-bottom: solid 1px #3a3a3a;
  vertical-align: bottom !important;
  padding: 0 0 3px !important
}

.table-keydata label {
  font-weight: 400;
  display: inline
}

.quarterly_data td {
  vertical-align: bottom !important
}

.keyDataChart {
  min-width: 90px;
  height: 30px
}

.qchart, .ychart {
  min-width: 60px;
  height: 40px
}

.vertical-bttom {
  vertical-align: bottom !important
}

select[disabled], button[disabled] {
  cursor: not-allowed;
  color: #3a3a3a;
  background-color: #999
}

.otherFundHeading {
  padding: 10px 0;
  color: #eee;
}

.earhing-watch-strip a:not(:last-child):after {
  content: "|";
  margin-right: 3px;
  font-family: FontAwesome;
  padding-bottom: 0;
  position: relative;
  bottom: 1px
}

.earning-watch-markets a {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 15px;
  border: solid #3a3a3a 1px !important;
  padding: 12px 10px !important;
  background-color: #000 !important;
  min-width: 10.5em;
  text-align: center;
  font-weight: 700
}

  .earning-watch-markets a.active-market {
    background-color: #337ab7 !important;
    color: #fff !important
  }

.table.investmenttool thead th, .table.investmenttool tbody td {
  /*font-size: 10px;
	color: #eee;*/
}

.stkactive > span {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid;
  left: 40%;
  position: absolute;
  top: 23px
}

.stkactive:nth-child(1) > span {
  border-top-color: #179d59 !important
}

.stkactive:nth-child(2) > span {
  border-top-color: #fa4040 !important
}

.stkactive:nth-child(3) > span {
  border-top-color: #00732F !important
}

.stkactive:nth-child(4) > span {
  border-top-color: #a16c34 !important
}

.stkactive:nth-child(5) > span {
  border-top-color: #2d978c !important
}

.stkactive:nth-child(6) > span {
  border-top-color: #ffba00 !important
}

.stkactive:nth-child(7) > span {
  border-top-color: #8d1b3d !important
}

.stkactive {
  position: relative
}

.presetChart p {
  float: left;
  width: 50%;
  text-align: right;
  margin: 0;
  padding: 0 2px 0 0
}

.presetChart .chart {
  width: 42%;
  float: left
}

  .presetChart .chart > div {
    background: #1d4d6a;
    height: 16px;
    border-left: 1px solid #000
  }

.margin-left-0 {
  margin-left: 0px
}

.margin-left-2 {
  margin-left: 2px
}

.margin-left-5 {
  margin-left: 5px
}

.margin-left-10 {
  margin-left: 5px
}

.margin-left-15 {
  margin-left: 15px
}

.margin-left-20 {
  margin-left: 20px
}

.margin-left-25 {
  margin-left: 25px
}

.margin-left-30 {
  margin-left: 30px
}

.margin-left-35 {
  margin-left: 35px
}

.margin-left-40 {
  margin-left: 40px
}

.margin-left-45 {
  margin-left: 45px
}

.margin-left-50 {
  margin-left: 50px
}

.form-control-slim {
  display: inline-block;
  width: 100%;
  height: 30px;
  padding: 4px 5px;
  line-height: 1.428571;
  background-color: #000;
  background-image: none;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.specialArticles label[class*="col-"] {
  font-weight: bold;
}

.specialArticles .customDate {
  display: flex
}

  .specialArticles .customDate input {
    border: 1px solid #3a3a3a;
    padding: 3px;
    border-radius: 2px
  }

.specialArticles .searchFor input {
  padding: 9px;
  border: 1px solid #3a3a3a;
  border-radius: 2px
}

.specialArticles .btn {
  vertical-align: baseline;
  border-radius: 0 3px 3px 0
}

.specialArticles .searchFor > div {
  display: inline-flex
}

.glbNews > div > div {
  display: flex
}

.glbNews input[type="text" i] {
  border: 1px solid #3a3a3a;
  padding: 3px;
  width: 231px;
  border-radius: 2px
}

.glbNews input[type="date" i] {
  border: 1px solid #3a3a3a;
  padding: 3px;
  border-radius: 2px
}

.formAnnouncement .inputfrom, .formAnnouncement .inputto {
  padding-left: 50px;
}

  .formAnnouncement .inputfrom > p, .formAnnouncement .inputto > p {
    padding-bottom: 5px
  }

  .formAnnouncement .inputfrom > input, .formAnnouncement .inputto > input {
    border: 1px solid #3a3a3a;
    padding: 4px;
    border-radius: 2px;
    display: inline-table;
    width: 200px;
  }

.formAnnouncement img {
  position: relative;
  bottom: 2px;
}

.formAnnouncement .customDate {
  display: flex
}

.paddig-left-15 {
  padding-left: 15px
}

.orangelink {
  color: #ff8000;
  cursor: pointer
}

.margin-bottom-5 {
  margin-bottom: 5px
}

.margin-bottom-10 {
  margin-bottom: 10px
}

.margin-bottom-15 {
  margin-bottom: 15px
}

.margin-bottom-20 {
  margin-bottom: 20px
}

.margin-bottom-25 {
  margin-bottom: 25px
}

.margin-bottom-30 {
  margin-bottom: 30px
}

.margin-bottom-35 {
  margin-bottom: 35px
}

.companyList > li {
  display: flex
}

  .companyList > li > div:first-child {
    width: 70%
  }

  .companyList > li > div:last-child {
    width: 30%
  }

  .companyList > li:first-child {
    background: #eaeaea
  }

.heading-list {
  font-weight: 700
}

  
.heading-list > select {
    padding: 4px;
    border: 1px solid #eaeaea;
    background: #000;
    border-radius: 2px;
    font-weight: 100;
    width: inherit
  }

.treeview li {
  padding: 3px 0 5px 16px
}

.chapter ul li a {
  display: inline-block;
  text-decoration: none
}

.chapter ul li {
  float: left;
  line-height: 24px;
  padding: 0 3px;
  color: #337ab7
}

.quiz h3 {
  font-size: 15px;
  color: #337ab7;
  font-weight: 700
}

.chapter h5 {
  font-weight: 700
}

.chapter p {
  line-height: 18px;
  padding: 10px 0 0;
  text-align: justify
}

  .chapter p a {
    padding: 0 0 10px
  }

.chapter ul {
  margin: 10px 0;
  padding: 0
}

  .chapter ul li {
    float: left;
    line-height: 24px;
    padding: 0 3px;
    color: #337ab7
  }

    .chapter ul li a {
      display: inline-block;
      text-decoration: none
    }

#btn_chapter {
  margin: 8px 3px
}

.quizans {
  border: solid #3a3a3a 1px;
  padding: 5px;
  display: table
}

.radio label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 19px !important;
  cursor: pointer
}

.ansstatus h4 {
  color: #ef4c36;
  font-size: 14px;
  font-weight: 700
}

.searchquiz h4 {
  font-size: 15px;
  color: #337ab7;
  font-weight: 700;
  padding: 10px 0 5px
}

.searchquiz p {
  line-height: 18px
}

.searchquizform {
  padding: 15px 0
}

.inline-block {
  display: inline-block
}

.display-flex {
  display: flex
}

.paddig-left-10 {
  padding-left: 10px !important
}

.quizSection input[type="radio"], .quiztest input[type="radio"] {
  position: relative;
  margin-left: 0;
  top: 2px
}

.select-full {
  width: 100%;
  padding: 3px
}

.portfolio-autocomplete .angucomplete-dropdown {
  margin-top: 0 !important
}

.padding-left-25 {
  padding-left: 25px
}

.listDisc {
  list-style-type: disc
}

.input-group.date {
  width: 100%
}

ui-dialog {
  z-index: 1100 !important
}

.ui-dialog-title {
  font-size: 13px;
  font-weight: 700
}

.reportSector {
  font-weight: 800;
  background: #eaeaea;
  color: #444242
}

.GccChart {
  padding-right: 0;
  padding-left: 12px
}

.global_indices_sap:last-child {
  border-right: 0
}

.txt-align {
  text-align: right !important
}

.popup-content label {
  font-weight: 400
}

.topCompanies > thead > tr > th:last-child, .topCompanies > tbody > tr > td:last-child {
  text-align: right
}

.rz-footer {
  display: table;
  width: 100%;
  height: 13px;
  padding-top: 5px
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  border: solid #222 1px !important
}

.navbar {
  position: relative;
  min-height: 24px !important;
  margin-bottom: 20px;
  border: 1px solid transparent
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 7px 8px !important;
  color: #fff
}

.navbar-inverseuse {
  background-color: transparent !important;
  border-color: none !important
}

.marginBottom-0 {
  margin-bottom: 0
}

.dropdown-submenu {
  position: relative
}

  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    right: inherit
  }

  .dropdown-submenu:hover > a:after {
    border-left-color: #555
  }

  .dropdown-submenu.pull-left {
    float: none
  }

    .dropdown-submenu.pull-left > .dropdown-menu {
      left: -100%;
      margin-left: 10px;
      -webkit-border-radius: 6px 0 6px 6px;
      -moz-border-radius: 6px 0 6px 6px;
      border-radius: 6px 0 6px 6px
    }

.chartheader {
  padding: 5px 0;
  margin: 0 auto 15px
}

.anachart {
  border: solid #3a3a3a 1px;
  padding: 15px;
  background-color: #000
}

.listnmbr {
  padding: 4px 3px
}

.analyticchart {
  margin: 0 0 15px
}

.txt-normal {
  font-weight: 400
}

#netShareHolder .highcharts-tooltip span {
  height: auto !important;
  /*max-width: 180px !important;*/
  width: 100% !important;
  overflow: auto !important;
  white-space: normal !important;
  display: table;
}

.PricePerformance .angucomplete-dropdown {
  top: 47px
}

.tools-priceperformance .recent-companies-nav li.dropdown.open ul {
  right: auto !important
}

.recent-companies-nav .dropdown-submenu .dropdown-toggle:after {
  content: "\f0da";
  cursor: pointer;
  font-family: fontawesome
}

.keydata-switch-container {
  direction: ltr !important
}

  .keydata-switch-container label {
    margin-bottom: 0
  }

    .keydata-switch-container label:not(:first-child):not(:last-child) {
      margin: 0 4px
    }

  .keydata-switch-container .switchery-small {
    width: 50px
  }

.switch-wrapper {
  padding: 5px;
  background-color: #e9e4e4
}

.priceLabel {
  position: relative;
  top: -1px;
  padding-left: 2px;
  display: inline;
  font-weight: 400
}

.chartmenu {
  background-color: #202020;
}

.PricePerformance .dropdown-menu {
  background-color: #202020 !important
}

.PricePerformance .nav .open > a, .PricePerformance .nav .open > a:focus, .PricePerformance .nav .open > a:hover {
    background-color: #202020;
    border-color: #FFF;
}

.PricePerformance .nav a:focus, .PricePerformance .nav a:hover {
  color: #7ebadf;
  background-color: #202020;
}

.PricePerformance .dropdown-menu > li > a {
  color: #fff
}

#drp-profile-summary-nav_dropdown {
  top: 36px !important
}

#drp-profile-summary-nav_value {
  height: 31px;
  width: 100%;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  padding: 3px
}

a.btn-profile-nav {
  height: 30px;
  border-radius: 0 4px 4px 0;
  position: relative;
  left: -2px;
  display: table;
  color: #fff;
  padding: 6px;
  background-color: #202020;
}

  a.btn-profile-nav:hover, a.btn-profile-nav:active {
    cursor: pointer;
    text-decoration: none;
    background-color: #202020 !important;
    color: #3a3a3a !important
  }

.select-control-inline {
  height: 30px;
  padding: 4px;
  border-radius: 6px;
  border: 1px solid #3a3a3a
}

.panel-title-left {
  display: inline-table;
  width: 97%;
  height: 30px
}

.panel-title-right {
  float: right;
  display: inline
}

.input-watchlist-search {
  width: 40%;
  display: table
}

#input-watchlist-search_value {
  height: 29px;
  padding: 4px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #3a3a3a;
  font-size: 12px;
  width: 100%;
  font-weight: 400
}

#input-watchlist-search_dropdown {
  margin-top: auto;
  font-size: 12px;
  font-weight: 400
}

    #input-watchlist-search_dropdown:hover {
        background: #202020
    }

th.watchlist-highlight {
  background-color: #cdd
}

td.watchlist-highlight {
  background-color: #dee
}

table.tbl-basicview {
  border-spacing: 0;
  border: 1px solid #000
}

.panel-heading-watchlist {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  display: table;
  width: 100%
}

.portfolio-news-block {
  padding: 4px 12px;
  height: 27px;
  font-weight: 400;
  font-size: 11px;
  overflow: hidden;
  width: 86%;
  display: inherit;
  margin-left: 0
}

.panel-title-label {
  padding-top: .5em;
  padding-right: 1em
}

.chrt-searchPortfolio {
  height: 300px;
  min-width: 250px
}

textarea.notes {
  width: 100%;
  height: 54px;
  margin: 0
}

.ltr {
  direction: ltr !important
}

.const-ltr {
  direction: ltr !important;
}

.inv {
  border: solid #3a3a3a 1px;
  padding: 15px;
  margin: 15px 0 0
}

.investing_ideas {
  border: solid #3a3a3a 1px;
  margin: 15px 0 0;
  min-width: 100px;
  height: 450px;
}

.investing_ideas2 {
  margin: 15px 0 0
}

  .investing_ideas2 h4 {
    font-size: 12px;
    color: #337ab7;
    font-weight: 700
  }

  .investing_ideas2 ul {
    margin: 0;
    padding: 0
  }

    .investing_ideas2 ul li {
      border-bottom: solid 1px #dbdbdb;
      padding: 5px 0;
      color: #eee;
      font-size: 11px !important;
      display: table;
      width: 100%
    }

      .investing_ideas2 ul li span {
        float: right;
        font-weight: 400 !important;
        letter-spacing: -.5px
      }

        .investing_ideas2 ul li span img {
          padding: 0 0 0 10px
        }

.investing-momentem {
  margin: 15px 0 0;
  padding: 0 15px 15px;
  background: #5595b4
}

  .investing-momentem h6 {
    border-bottom: solid #83bedb 1px;
    color: #fff;
    padding: 10px 0
  }

  .investing-momentem p {
    border-bottom: solid #83bedb 1px;
    color: #fff
  }

  .investing-momentem ul {
    margin: 0;
    padding: 0
  }

    .investing-momentem ul li {
      list-style: none;
      color: #c8edff;
      border-bottom: solid #83bedb 1px;
      padding: 8px 0
    }

      .investing-momentem ul li span {
        background-color: #000;
        float: right;
        color: #35b121;
        padding: 2px;
        border-radius: 2px
      }

        .investing-momentem ul li span text {
          color: #ef4c36;
          background-color: #000;
          float: right
        }

.inv_had h3 {
  color: #337ab7;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 5px;
  font-style: normal !important
}

.inv_had h4 {
  color: #fff;
  background-color: #5595b4;
  padding: 6px 5px;
  display: -webkit-inline-box;
  font-size: 13px;
  font-style: normal !important
}

ul.market-watch-header {
  padding: 0;
  margin: 0
}

  ul.market-watch-header li {
    display: inline-table;
    padding-top: 4px
  }

    ul.market-watch-header li label {
      padding: 7px;
      height: 30px;
      cursor: pointer
    }

    ul.market-watch-header li.current-watch-list label {
      background-color: #337ab7;
      color: #fff !important
    }

tbody.tbody-marketwatch tr:first-child td {
  border-top: solid 2px #1d4d6a
}

tbody.tbody-marketwatch tr:nth-last-child(2) td {
  border-bottom: solid 1px #1d4d6a
}

tbody.tbody-marketwatch tr:last-child td {
  border-left: none;
  border-right: none;
  border-top: solid 2px #1d4d6a
}

tbody.tbody-marketwatch td:first-child {
  border-left: solid 1px #1d4d6a
}

tbody.tbody-marketwatch td:last-child {
  border-right: solid 1px #ef4c36
}

.margin-bottom-23 {
  margin-bottom: 23px
}

.ideaUrls {
  font-size: 12px;
  padding-top: 6px;
  padding-bottom: 3px;
  float: right
}

  .ideaUrls > a:first-child {
    padding-right: 15px;
    border-right: 2px solid;
    margin-right: 7px
  }

.analysis-chart-title {
  border-bottom: 1px solid #efefef;
  padding-bottom: 12px;
  text-align: center;
  font-size: 22px;
  padding: 10px 0 10px 0;
  text-transform: capitalize;
}

.analysis-chart {
  min-width: 350px;
  min-height: 600px
}

.indicator-tooltip {
  background: #000;
  opacity: 1;
  z-index: 9999;
  min-width: 150px
}

  .indicator-tooltip p {
    padding-bottom: 0
  }

.analysis-earning-announcement {
  background-color: #3a3a3a;
  color: #000;
  padding: 3px;
  font-weight: 400;
  border: 1px solid #444
}

  .analysis-earning-announcement a {
    cursor: pointer
  }

#marketCapIndicesChart .highcharts-tooltip span {
  background-color: #000;
}



#technicalAnalysisChart .highcharts-tooltip span {
  z-index: 9999 !important;
  top: 2px !important;
  left: 2px !important
}

  #technicalAnalysisChart .highcharts-tooltip span .tooltip-body {
    padding: 6px;
    z-index: 9999 !important;
    margin-bottom: -14px;
    margin-right: -14px
  }

.color-blue {
  color: #337ab7
}

.homePopularSearch > ul > li {
  display: initial
}

.homePopularSearch > ul {
  border-bottom: solid #3a3a3a 1px;
  padding-bottom: 6px !important
}

#ggle_Search {
  background: #fff !important
}

#gSearch {
  margin-bottom: 10px
}

  #gSearch .searchText {
    background: url(/Content/theme/images/sprites.png) no-repeat scroll -31px -119px #fff !important;
    border: 1px solid #7e9db9;
    width: 73%;
    height: 22px
  }

  #gSearch a {
    background: url(/Content/theme/images/sprites.png) no-repeat scroll -48px -36px transparent;
    height: 26px;
    margin-right: 3px;
    width: 49px;
    float: right;
    display: block
  }

  #gSearch .searched {
    background: #fff;
    border: 1px solid #7e9db9;
    width: 83%;
    height: 22px
  }


.sample-quintile {
  margin-left: 1em;
  display: inline-table
}

  .sample-quintile label {
    background-color: #d1d1d1;
    margin: 3px 2.5px;
    padding: 10px;
    border-radius: 3px
  }

  .sample-quintile p {
    display: inline;
    font-weight: 700;
    position: relative;
    bottom: 9px;
    margin: 6px
  }

.sample-quintile-text {
  display: inline;
  position: relative;
  bottom: 8px;
  margin-left: 2em;
  color: #a9a9a9
}

.table-row {
  display: table-row
}

.table-cell {
  display: table-cell;
  vertical-align: middle
}

.width-10-p {
  width: 10% !important
}

.scorecard-line-chart, .scorecard-bar-chart {
  min-width: 100px;
  height: 35px
}

tbody.tbody-marketwatch td:last-child {
  border-right: solid 1px #1d4d6a
}

select[multiple], select[size] {
    height: auto;
    background: #000 !important;
    width: 100% !important
}

.search-news {
  margin: 10px 0
}

.news-article-month a {
  padding: 3px 7px;
  background-color: #000;
  text-decoration: none;
  border: 1px solid #3a3a3a;
  display: inline-table;
  color: #eee; !important;
  margin-top: 5px;
  width: 76px;
  text-align: center;
}

    .news-article-month a:hover {
        background-color: #dbdbdb;
        color: #eee; !important;
    }


.scorcard label {
  font-weight: 400;
  font-size: 12px
}

.anachart .tooltip {
  padding: 5px;
  border-radius: 5px;
  box-shadow: 2px 2px 2px
}

.company-sidebar.accordion .toggle {
  display: none
}

.company-sidebar.accordion .option {
  position: relative;
  margin-bottom: 0
}

.company-sidebar.accordion .title, .company-sidebar.accordion .content {
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all .2s
}

.company-sidebar.accordion .title {
  background: #202020;
  padding: 1em;
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: 400
}

  /*.company-sidebar.accordion .title a {
		color: #fff;
	}*/

    .company-sidebar.accordion .title:after, .company-sidebar.accordion .title:before {
        content: '';
        position: absolute;
        right: 1.25em;
        top: 1.25em;
        width: 2px;
        height: .75em;
        background-color: #FFF;
        transition: all .2s
    }

  .company-sidebar.accordion .title:after {
    transform: rotate(90deg)
  }

.company-sidebar.accordion .title1, .company-sidebar.accordion .content {
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all .2s
}

.company-sidebar.accordion .title1 {
  background: #202020;
  padding: 1em;
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
}

  .company-sidebar.accordion .title1:after {
    transform: rotate(90deg)
  }

.company-sidebar.accordion .content {
  max-height: 0;
  overflow: hidden;
  background-color: #202020;
}

  .company-sidebar.accordion .content ul {
    margin: 0;
    padding: 5px 0
  }

    .company-sidebar.accordion .content ul li {
      line-height: 28px;
      padding: 0 20px
    }

      .company-sidebar.accordion .content ul li a, .company-sidebar.accordion .title1 a {
        color: #fff;
        text-decoration: none
      }

        .company-sidebar.accordion .content ul li a.activemenu, .company-sidebar.accordion .title1 a.activemenu {
          color: #a5c0d8 !important;
          text-decoration: none
        }

.content ul li a:hover {
  color: #a5c0d8
}

.company-sidebar.accordion .content p {
  margin: 0;
  padding: .5em 1em 1em;
  font-size: .9em;
  line-height: 1.5
}

.company-sidebar.accordion .toggle:checked + .title + .content {
  max-height: 1500px;
}

.company-sidebar.accordion .toggle:checked + .title:before, .company-sidebar.accordion .toggle:checked + .title:after {
  transform: rotate(90deg) !important
}

.company-sidebar.accordion label {
  margin-bottom: 0 !important
}

.company-sidebar.accordion .linktoggle a {
  color: #a5c0d8 !important
}

.company-sidebar .option input:not(:checked) + label.title a {
  color: #fff;
}

.company-sidebar .option input:checked + label.title a {
  color: #a5c0d8 !important
}

.membershipbg {
  /*background-color: #1d4d6a;*/
  background-color: #202020;
  padding: 0px !important;
}

.membershipfld {
  background-color: #000000;
  padding: 30px;
}

.membership a img {
  float: left;
}

.membership h2 {
  font-size: 35px;
  font-weight: 400;
  color: #FFF;
  padding: 20px 0 0;
}

.membership p {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 0
}

.membership h5 {
  font-size: 14px;
  font-weight: 400;
  color: #FFF;
  padding: 0 0 10px
}

.memb {
  border: none !important
}

  .memb table {
    margin-bottom: 0 !important;
    border: none !important
  }

  .memb thead tr {
    background-color: #f1f1f1 !important;
    border: solid #32627e 1px
  }

    .memb thead tr th {
      background-color: #202020;
      font-size: 10px;
      border-right: solid #32627e 1px;
      border-bottom: none;
      border-left: none;
      padding: 3px 5px !important;
      text-align: center;
      vertical-align: middle;
      color: #fff;
    }

  .memb tbody tr td {
    border-right: solid #32627e 1px;
    border-bottom: solid #32627e 1px;
    border-top: none;
    border-left: solid #32627e 1px;
    color: #fff;
    padding: 4px !important;
    text-align: left;
  }

    .memb tbody tr td img {
      margin: 0 auto;
      text-align: center
    }

    .memb tbody tr td h4 {
      padding: 5px 0 5px 10px;
      font-size: 14px;
      color: #a4bbc9
    }

    .memb tbody tr td h5 {
      padding: 0 0 0 20px;
      font-size: 13px;
      color: #a4bbc9
    }

      .memb tbody tr td h5 a {
        color: #a4bbc9;
        text-decoration: none
      }

    .memb tbody tr td p a {
      color: #fff;
      text-decoration: none
    }

    .memb tbody tr td:first-child {
      text-align: left
    }

    .memb tbody tr td p {
      padding: 0 0 0 0px
    }

    .memb tbody tr td span {
      color: #ef4c36
    }

.back_to_web a {
  background-image: url(../images/back.png);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 20px;
  font-size: 18px;
  text-decoration: none;
  color: #696969;
  font-weight: 400
}

.back_to_web p {
  font-size: 14px;
  padding: 10px 0
}

.back_to_web span {
  color: #ef4c36
}

.back_to_web a:hover {
  color: #1d4d6a
}

.back_to_web ul {
  margin: 0px 0px;
  padding: 10px 0px;
}

  .back_to_web ul li {
    float: left;
    list-style: none;
    padding: 0px 7px 0 0;
  }

    .back_to_web ul li a {
      background: none;
      font-size: 12px;
      padding: 0px;
      font-weight: bold;
    }

      .back_to_web ul li a:focus:active {
        color: #337ab7;
      }

.active-membership {
  color: #000 !important;
  font-weight: bold;
}

.memberNtable {
  padding: 0 30px;
}

.memb_logo {
  background-color: #000000;
}

  .memb_logo img {
    padding: 5px 20px;
  }


.input-group-addon {
  background: transparent;
  border: none;
}

.form-inline .form-control {
  display: inline-block;
  width: 100% !important;
  vertical-align: middle;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
  position: absolute;
  margin-top: 4px;
  margin-top: 1px !important;
  margin-left: -20px;
}

.btn-primaryreg {
  color: #fff;
  background-color: #1d4d6a !important;
  border-color: #1d4d6a !important;
}

.error {
  color: red;
}

.color-red {
  color: red;
}

.success {
  padding: 15px;
  border: solid #3a3a3a 1px;
  background-image: url(../images/success-member.png);
  background-repeat: no-repeat;
  background-position: 10px 9px;
  border: solid #3a3a3a 1px;
  padding: 15px;
}

  .success h4 {
    font-size: 14px;
    color: #153f59;
    font-weight: 700;
    padding: 0 0 0 70px;
  }

  .success h5 {
    font-size: 12px;
    color: #35b121;
    font-weight: 700;
    padding: 12px 70px
  }

.renew h4 {
  font-size: 14px;
  font-weight: 700
}

.renew h5 {
  font-size: 12px;
  font-weight: 400;
  color: #1d4d6a;
  padding: 10px 0
}

.renew_acc {
  border-top: solid #3a3a3a 1px;
  padding: 10px 0
}

  .renew_acc p {
    color: #eee;
  }

.renew_accfld {
  padding: 5px 0
}

  .renew_accfld h4 {
    padding: 0 0 15px
  }

.form-controlAcc {
  display: block;
  width: 100%;
  height: auto !important;
  padding: 5px 10px;
  line-height: 1.428571;
  color: #555;
  font-size: 11px;
  background-color: #000;
  background-image: none;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.btn.focus, .btn:focus, .btn:hover {
  text-decoration: none
}

.report-detail h2 {
  font-size: 18px !important
}

.color-black {
  color: #222
}

.auth-notallowed {
  /*filter: blur(1px);*/
  width: 19px;
  height: 7px;
  cursor: pointer
}

  .auth-notallowed .fa-lock {
    font-size: 15px;
    position: relative;
    top: 2px
  }

  .auth-notallowed:hover {
    background-image: none;
    filter: blur(0px);
    background-image: none
  }

span.not-allowed {
  background-color: #3a3a3a;
  display: table;
  text-align: center;
  margin: 0 auto
}

.ratio-image-lock-div {
  position: relative;
  top: 4px;
  cursor: pointer;
  background-color: transparent !important
}

.chrt-ratioanalysis {
  min-width: 150px;
  height: 200px
}

#divFinancialsCtrl .tableFloatingHeaderOriginal {
  background: #fff
}

.financials label {
  font-weight: 400 !important;
  color:#ADADAD;
}

.loginmaindiv {
  margin: 0 auto;
  display: flex
}

.login {
  background-color: #000;
  margin: 0 auto;
  padding: 0 0 30px
}

  .login h4 {
    font-size: 15px;
    color: #969696;
    text-align: center;
    padding: 30px 0
  }

  .login a {
    color: #1d4d6a;
    font-weight: 700
  }

.login_border ul {
  margin: 0;
  padding: 0
}

  .login_border ul li {
    float: left;
    list-style: none;
    width: 16.6%;
    height: 2px
  }

    .login_border ul li:nth-child(1n) {
      background: #ff6363
    }

    .login_border ul li:nth-child(2n) {
      background: #ffe100
    }

    .login_border ul li:nth-child(3n) {
      background: #8085e9
    }

    .login_border ul li:nth-child(4n) {
      background: #90ed7d
    }

    .login_border ul li:nth-child(5n) {
      background: #f7a35c
    }

    .login_border ul li:nth-child(6n) {
      background: #74d1ca
    }

.form-controlLogin {
    display: block;
    width: 100%;
    height: 36px !important;
    padding: 5px 10px;
    line-height: 1.428571;
    color: #eee;
    background-color: #333;
    background-image: none;
    border: none !important;
    border-bottom: solid #3a3a3a 1px !important;
    outline: none;
    border-radius: 4px
}

.snbtn {
  padding: 6px 16px !important;
  font-size: 12px !important;
  border-radius: 0 !important
}

.loginFor a {
  color: #999;
  text-align: center !important;
  font-weight: 400 !important;
  display: block;
  padding: 3px 0;
  text-decoration: none !important
}

.loginFor span {
  color: #1d4d6a
}

#technicalAnalysis ul.dropdown-menu {
  right: auto !important
}

.screener_fil2 {
  padding: 3px 0 !important
}

.screener_fil p {
  line-height: 25px
}

.form-group {
  margin-bottom: 16px !important
}

.scr_form {
  padding: 10px 0 0
}

.form-group2 {
  display: block !important
}

.label2 {
  display: inline-block;
  margin: 0 0 -1px;
  font-weight: 400;
  text-align: center;
  color: #fff !important;
  border: 1px solid #3a3a3a;
  padding: 6px 8px !important
}

.stock-screener .sccol input[type=radio],
.tools-recommendation .sccol input[type=radio] {
  display: none
}

  .tools-recommendation .sccol input[type=radio] + label {
    background-color: #000;
    color: #fff;
  }

    .tools-recommendation .sccol input[type=radio] + label a {
      color: #888;
    }

  .tools-recommendation .sccol input[type=radio]:checked + label {
    background-color: #337ab7;
  }

    .tools-recommendation .sccol input[type=radio]:checked + label a {
      color: white;
    }

  .stock-screener .sccol input[type=radio]:checked + label,
  .tools-recommendation .sccol input[type=radio]:checked a {
    background-color: #337ab7;
    color: #fff
  }

.recommendationCharts {
  width: 100%;
  height: 200px;
}

.stock-screener .sccol label,
.tools-recommendation .sccol label {
  padding: 10px;
  border: 1px solid #cfcfcf;
  border-radius: 15px 16px 0 0;
  color: #eee;
}

.stock-screener .form-control-static,
.tools-recommendation .form-control-static {
  font-size: 12px
}

p.form-control-static {
  padding-bottom: 0 !important
}

.stock-screener .form-controlscrn,
.tools-recommendation .form-controlscrn {
  display: table;
  width: 100%;
  padding: 7px;
  border-radius: 5px;
  background:#000 !important;
}

.stock-screener section[class*="stock-screener"] table td,
.tools-recommendation section[class*="stock-screener"] table td {
  padding: 5px !important
}

section[class*="stock-screener"] ul.pagination-sm li.active a,
section[class*="tools-recommendation"] ul.pagination-sm li.active a {
  background-color: #202020 !important;
  color: #fff !important;
  border: 1px solid #202020 !important;
  cursor: not-allowed !important
}

.homePopularSearch li a {
  font-weight: 400
}

.investing_chart span {
  font-weight: 400
}

.companies-list-tree {
  line-height: 20px;
  display: table;
  margin-left: 19px;
  padding-left: 0;
  width: 100%
}

  .companies-list-tree.no-margin-bottom {
    background-color: #000;
    margin-left: 19px;
    padding-left: 2px
  }

  .companies-list-tree li.pull-left {
    border-bottom: solid 1px #feeffe
  }

.companies-list + label + section {
  display: none
}

.companies-list + label::before {
  content: "\f196";
  cursor: pointer;
  font-family: fontawesome;
  font-size: 12px;
  padding-right: 6px;
  color: #202020
}

.companies-list:checked + label:before {
  content: "\f146";
  cursor: pointer;
  font-family: fontawesome;
  font-size: 12px;
  padding-right: 6px;
  color: #202020
}

.companies-list:checked + label + section {
  display: inherit
}

.direction-ltr {
  direction: ltr !important
}

.tooltip {
  min-width: 100px;
  max-width: 100%
}

.tooltip-inner {
  min-width: 100px;
  max-width: 100%
}

.highcharts-gb-tooltip {
  display: table;
  min-width: 100%;
  margin: 0;
  padding: 0;
  opacity: 1;
}

  .highcharts-gb-tooltip li {
    display: inline-table;
    padding-left: 2px;
    padding-right: 2px
  }

.company-sector-market input[type=checkbox] {
  position: relative;
  top: 3px
}

.company-sector-market li input[type=checkbox]:not(:checked) + span::before {
  content: "\f096";
  font-family: FontAwesome
}

.company-sector-market li input[type=checkbox] + span::before {
  content: "\f046";
  font-family: FontAwesome
}

#txtCompaniesSearch_value {
  height: 30px !important
}

li.expandable a i.fa {
  font-size: 17px;
  position: relative;
  top: 2px
}

.arrow-up {
  background-image: url(/Content/Theme/images/up.png);
  width: 10px;
  display: inline-table;
  height: 10px;
  background-repeat: no-repeat
}

.arrow-down {
  background-image: url(/Content/Theme/images/down.png);
  width: 10px;
  display: inline-table;
  height: 10px;
  background-repeat: no-repeat
}

.ss-selected:not(option) {
  background-color: #FF6;
  color: #666
}

.fact-sheet-sorecard ul li {
  display: inline !important
}

.ss-filter-label {
  padding: 5px !important;
  border: none !important;
  display: table;
  width: 100%;
  font-weight: 400;
  margin: 0
}

  .ss-filter-label:hover {
    background-color: #3a3a3a;
    border: none
  }

.btn-outline-primary {
  color: #0275d8;
  background-image: none;
  background-color: transparent;
  border-color: #0275d8
}

.btn-outline-secondary {
  color: #0275d8;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
}

.btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}

.btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
}

.btn-outline-warning {
  color: #0275d8;
  background-color: transparent;
  background-image: none;
  border-color: #3d3c01;
}

.btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
}

.btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40;
}

.input-makret-valuation-search {
  width: 100%
}

.angucomplete-holder input {
  height: 32px;
  width: 100%;
  border-radius: 4px;
  border-color: #FFF;
  border-width: 1px;
  padding: 5px;
  font-weight: 400
}

.market-valuation-search-result span {
  position: relative;
  float: right;
  bottom: 7px;
  right: 0;
  cursor: pointer
}

#gcc-page ul.nav-justified li a {
  color: #337AB8
}

#gcc-page ul.nav-justified li.active a {
  color: #645e5e !important
}

#scroll-top-link {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #3a3a3a;
  color: #fff;
  cursor: pointer;
  padding: 8px;
  border-radius: 10px;
  opacity: .8
}

  #scroll-top-link:hover {
    background-color: #555;
    opacity: 1
  }

.company-sidebar {
  padding-right: 0 !important
}

.new-inputfield {
  top: 10px;
  right: 15px;
  color: #eee;
  font-size: 12px;
  z-index: 5
}

  .new-inputfield i {
    position: absolute;
    right: 5px;
    top: 10px
  }

.dynamic-colum-button {
  font-size: 10px;
  position: relative;
  left: -3px;
  padding: 8px 27px
}

.dynamic-colum-select {
  height: 240px;
  overflow: auto;
  width: 240px
}

  .dynamic-colum-select h4 {
    font-size: 12px;
    font-weight: bold;
    color: white;
    padding: 7px;
    background-color: #202020;
  }

.table-tablesorter > thead > tr > th.tablesorter-headerUnSorted {
  background-image: url(/Content/Theme/images/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}

.table-tablesorter > thead > tr > th.tablesorter-headerDesc {
  background-image: url(/Content/Theme/images/desc.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}

.table-tablesorter > thead > tr > th.tablesorter-headerAsc {
  background-image: url(/Content/Theme/images/asc.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}

.table-tablesorter > thead > tr > th[class*="tablesorter"]:after {
  padding-right: 2px
}

.custom-tooltip {
  background-color: #000000;
  opacity: 1;
  width: 100%;
  display: table;
}

[data-notify="progressbar"] {
  margin-bottom: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 5px;
}

.tablesorter-pager {
  padding: 15px 0px 10px 15px;
}

.recommendations-list {
  line-height: 28px;
  background-color: #000000;
  padding-top: 12px;
  padding-bottom: 0px !important;
  border-bottom: 1px solid #3a3a3a;
}

.recomm-chart-parent {
  border-bottom: solid 1px #3a3a3a;
}

  .recomm-chart-parent table td {
    width: 50%;
    vertical-align: middle !important;
    border: none !important;
  }

  .recomm-chart-parent .recomm-chart {
    height: 200px;
    min-width: 100px;
    direction: ltr !important;
  }

  .recomm-chart-parent .highcharts-xaxis-labels span {
    word-wrap: break-word !important;
    text-align: right;
  }

.height-200 {
  max-height: 200px;
  height: 200px;
}

.height-210 {
  max-height: 210px;
  height: 210px;
}

.height-220 {
  max-height: 220px;
  height: 220px;
}

.height-230 {
  max-height: 230px;
  height: 230px;
}

.height-240 {
  max-height: 240px;
  height: 240px;
}

.height-250 {
  max-height: 250px;
  height: 250px;
}

.height-260 {
  max-height: 260px;
  height: 260px;
}

.height-270 {
  max-height: 270px;
  height: 270px;
}

.height-280 {
  max-height: 280px;
  height: 280px;
}

.height-290 {
  max-height: 290px;
  height: 290px;
}

.height-300 {
  max-height: 300px;
  height: 300px;
}

.height-310 {
  max-height: 310px;
  height: 310px;
}

.height-320 {
  max-height: 320px;
  height: 320px;
}

.height-330 {
  max-height: 330px;
  height: 330px;
}

.height-340 {
  max-height: 340px;
  height: 340px;
}

.height-350 {
  max-height: 350px;
  height: 350px;
}

.height-360 {
  max-height: 360px;
  height: 360px;
}

.height-370 {
  max-height: 370px;
  height: 370px;
}

.height-380 {
  max-height: 380px;
  height: 380px;
}

.height-390 {
  max-height: 390px;
  height: 390px;
}

.height-400 {
  max-height: 400px;
  height: 400px;
}


.highcharts-label.highcharts-tooltip {
  z-index: 99;
  background-color: #000000;
  opacity: 1;
}

  .highcharts-label.highcharts-tooltip span {
    z-index: 99;
    background-color: #000000;
    opacity: 1;
    margin: 0 !important;
    padding: 0 !important;
  }

.strong-reduce-underweight-underperform {
  color: #FF0000;
}

.overweight-overvalue-outperform {
  color: #449879;
}

.neutral {
  color: #6666FF;
}

.ind-chart-div {
  width: 175px;
  height: 65px;
}

.StockMarketChart {
  min-width: 200px;
  height: 240px;
  direction: ltr;
}

.user-soc {
  display: table;
  float: right;
  margin: 13px 0;
}

.dates-loader {
  position: absolute;
  bottom: 8px;
  float: right;
  /* bottom: 73px; */
  /* text-align: right; */
  left: 17em;
}

.user-soc {
  display: table;
  float: right;
  margin: 13px 0;
}

.user-drp {
  float: right;
}

.txt-left-subs {
  text-align: left !important;
}

.txt-sub-center {
  text-align: center !important;
}

.btn-default {
  color: #fff;
  background-color: #202020 !important;
  border-color: #202020 !important;
}

  .btn-default:hover {
    color: #fff;
    background-color: #202020 !important;
    border-color: #202020 !important;
  }

.forpass {
  padding: 0 0 10px 0;
}

.fundChart {
  width: 200px;
  height: 50px;
  direction: ltr !important;
}

.sitemap ul {
  padding: 0px;
  margin: 0;
}

  .sitemap ul li {
    list-style: none;
    font-weight: bold;
    float: none;
    margin: 15px 10px 0 0;
    color: #fff;
  }

    .sitemap ul li a {
      background-color: #1d4d6a;
      color: #fff;
      display: block;
      padding: 7px 10px;
    }

  .sitemap ul ul {
    margin: 0px;
    padding: 0px 0px 0 0px;
  }

    .sitemap ul ul ul {
      margin: 0px;
      padding: 0px 0px 0 15px;
    }

    .sitemap ul ul li {
      list-style: none;
      font-weight: normal;
      width: 100%;
      margin: 3px 0px;
      float: none;
      border-right: none !important;
      color: #eee;
      background-color: #000;
    }

    .sitemap ul ul ul li {
      list-style: none;
      width: 100%;
      font-weight: normal;
      margin: 0px;
      float: none;
      border-right: none !important;
      background-color: #000;
    }

    .sitemap ul ul li a {
      background-color: transparent;
      color: #eee;
      display: block;
      padding: 3px 0px;
      background-color: #dbdbdb;
      color: #eee;
      display: block;
      padding: 7px 7px;
    }

    .sitemap ul ul ul li a {
      background-color: transparent;
      color: #eee;
      display: block;
      padding: 3px 0px;
    }

.businesssubs {
  padding: 10px 0px;
}

  .businesssubs span {
    font-weight: bold;
    font-size: 11px;
    color: #eee;
    padding: 10px 0px
  }

  .businesssubs p {
    font-size: 11px;
    color: #eee;
    padding: 6px 0px
  }

  .businesssubs ul {
    margin: 0px;
    padding: 0px;
  }

    .businesssubs ul li {
      list-style: disc;
      color: #eee;
    }

.form-controlsubs {
  display: block;
  width: 100%;
  height: 36px !important;
  padding: 5px 10px;
  margin: 5px 0px 10px 0px;
  line-height: 1.428571;
  color: #555;
  background-color: #000;
  background-image: none;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-controlsubstext {
  display: block;
  width: 100%;
  height: auto !important;
  padding: 5px 10px;
  margin: 5px 0px 10px 0px;
  line-height: 1.428571;
  color: #555;
  background-color: #000;
  background-image: none;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.social_rights {
  margin-top: 20px;
}

.socialmedia {
  padding: 15px 0px;
}

  .socialmedia ul {
    margin: 0px;
    padding: 0px;
  }

    .socialmedia ul li {
      float: left;
      list-style: none;
      padding: 0px 15px 0px 0px;
    }

      .socialmedia ul li a {
        color: #eee;
        text-decoration: none;
      }

#show-GccPages h1 {
  font-size: 14px;
  margin-top: 10px;
}

#gcc-page h1 {
  font-size: 14px !important;
  font-weight: bold;
  margin: 15px 0 15px 0;
}

#gcc-page h2 {
  font-size: 13px !important;
  font-weight: bold;
  padding: 7px 0;
}

#gcc-page h3 {
  font-size: 12px !important;
  font-weight: bold;
  padding: 7px 0;
}

#gcc-page p {
  padding: 0px;
  text-align: justify !important;
}

#gcc-page table tr td {
  border: 1px #dbdbdb solid;
  padding: 5px;
  height: 18px !important;
  color: #222;
  font-size: 12px;
}

#gcc-page table tr th {
  border: 1px #dbdbdb solid;
  padding: 5px;
}

#gcc-page .gcc-content-wraper h1 {
  font-size: 14px !important;
  font-weight: bold;
}

#gcc-page .gcc-content-wraper h2 {
  font-size: 13px !important;
  font-weight: bold;
  padding: 7px 0;
}

#gcc-page .country_profile {
  height: 0px;
}

  #gcc-page .country_profile tr td {
    font-size: 12px !important;
    border: 1px #dbdbdb solid;
    padding: 5px 0px;
  }

    #gcc-page .country_profile tr td p {
      font-size: 12px !important;
      border: 1px #dbdbdb solid;
    }

  #gcc-page .country_profile tr th {
    font-size: 12px !important;
    border: 1px #dbdbdb solid;
  }

#gcc-page .content h1 {
  font-size: 14px !important;
  font-weight: bold;
  margin: 15px 0 15px 0;
}

#gcc-page .content h2 {
  font-size: 13px !important;
  font-weight: bold;
  padding: 7px 0;
}

#gcc-page .content ul {
  margin: 0px 0 0 15px;
  padding: 0px;
}

  #gcc-page .content ul li {
    padding: 2px 0px;
    line-height: 10px !important;
  }

#gcc-page .info-title h2 {
  font-size: 13px !important;
  font-weight: bold;
  padding: 7px 0;
}

.comany-news-chart {
  width: 100%;
  height: 200px;
  margin-bottom: 30px;
}

.comany-analytics-chart, .indicator-by-country-chart {
  width: 100%;
  height: 300px;
}

#page-static {
  background: #fff !important;
  padding: 10px;
  background-color: #000 !important;
  padding: 15px;
}

  #page-static h1 {
    color: #337ab7;
    font-size: 16px;
    font-weight: bold;
  }

  #page-static h3 {
    color: #555;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding: 10px 0 5px 0px;
  }

  #page-static ul {
    margin: 0px;
    padding: 10px 0;
  }

    #page-static ul li {
      float: left;
      list-style: none;
      padding: 0 5px 0 0;
    }

.fash {
  padding: 0px;
}

  .fash h6 {
    font-weight: bold;
    font-size: 13px;
    color: #337ab7;
    padding: 15px 0px 5px 0px;
  }

  .fash p {
    text-align: justify;
    line-height: 16px;
  }

    .fash p b {
      text-align: justify;
      font-size: 11px
    }

  .fash ul {
    margin: 0px 0 0 15px;
    padding: 0px;
  }

    .fash ul li {
      line-height: 21px;
      font-weight: bold;
      color: #eee;
    }

.ourservice h1 {
  font-size: 14px !important;
  font-weight: bold;
}

.ourservice h2 {
  font-size: 13px !important;
  font-weight: bold;
}

.ourservice h3 {
  font-size: 12px !important;
  font-weight: bold;
}

.BlueText ul {
  margin: 0px 0 0 0px;
  padding: 0px;
}

.contact-us ul {
  margin: 0px 0 0 0px;
  padding: 0px;
}

.scale-parent-wrapper table td {
  vertical-align: middle;
  height: 16px;
}

.scale-parent-wrapper table tr:first-child td {
  vertical-align: bottom;
  height: 16px;
}

.scale-parent-wrapper table tr:last-child td {
  vertical-align: top;
  height: 30px;
}


.scale-wrapper {
  background-color: #3a3a3a;
  height: 5px;
  display: table;
  width: 100%;
  border-radius: 8px 9px 8px 8px;
}

.inner-wrapper {
  background-color: #74a9d3;
  display: table;
  border-radius: 5px 5px 5px 5px;
}

  .inner-wrapper .fa {
    display: inline-block;
    font-size: 6px;
    background-color: #3578a6;
    border: 1px solid #d8e0f3;
    border-radius: 5px;
    position: relative;
    /*left: 3px;*/
  }

.fash ul li span {
  float: right;
  font-weight: normal;
}

.fash h2 {
  color: #337ab7;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  padding: 10px 0 5px 0px;
}

.sales-chart {
  min-width: 200px;
  min-height: 250px;
  direction: ltr;
}

.shareholdersChart {
  min-width: 200px;
  height: 270px;
  margin: 0 auto;
}

.companyPricesChart {
  min-width: 200px;
  height: 250px;
  direction: ltr;
}

.chartCashDividends {
  min-width: 310px;
  height: 400px;
  margin: 0 auto;
  direction: ltr;
}

.businesssubs img {
  float: left;
}

.activemonth {
  background-color: #555 !important;
  color: #3a3a3a !important;
}

.zayed-logo {
  width: 25%;
  float: left;
}

.zayed-content {
  width: 75%;
  float: left;
}

div.feedback-panel {
  width: 284px;
  max-width: 500px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
  background-color: #000000;
  min-height: 93%;
}

.feedback-panel .logo {
  background-image: url(/content/theme/images/logo.png);
  /* background-size: 108px; */
  background-repeat: no-repeat;
  background-position: 48% 50%;
  height: 40px;
  width: 100%;
}

div.feedback-panel input {
  padding: 10px;
  border: 1px solid #888;
  border: 2px solid #202020;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none;
  width: 100%;
  margin: 5px 0px;
  padding: 5px;
  height: 34px;
}

div.feedback-panel textarea {
  padding: 10px;
  border: 1px solid #888;
  border: 2px solid #202020;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none;
  margin: 5px 0px;
  padding: 5px;
  margin: 0px;
  width: 100%;
  height: 70px;
}


div.feedback-panel div.buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}

div.feedback-panel input[type="submit"] {
  cursor: pointer;
  color: #FFF;
  text-shadow: 0 1px #202020;
  font-size: 13px;
  border: 0 none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 8px;
  outline: none;
  background-color: #202020;
  -webkit-box-shadow: 0 2px #202020, inset 0 0 #202020;
  -moz-box-shadow: 0 2px #202020, inset 0 0 #202020;
  height: 35px;
  line-height: 12px;
}


.txtcntr p {
  padding: 8px 8px !important;
  line-height: 18px !important;
}

.sidebar {
  float: right !important;
}

.leftbar {
  float: left !important;
}

.sharehoder-main .btn {
  color: #555;
  background-color: #000;
  box-shadow: #3a3a3a 1px 1px;
  margin-left: 6px;
  border: solid 1px #3a3a3a;
  padding: 6px 27px;
  font-size: 13px;
}

  .sharehoder-main .btn:hover {
    background-color: #3a3a3a;
    border:1px solid #000 !important;
    color: #000;
  }

    .sharehoder-main .btn.btn-active {
        background-color: #eee; !important;
        color: #000 !important;
        border: 1px solid #000 !important;
    }

.sharehoder-alphabets {
  line-height: 30px;
}

  .sharehoder-alphabets a {
    padding: 3px 8px 5px 8px;
    margin: 5px 2px;
    font-size: 15px;
    background-color: #000;
    text-decoration: none;
    cursor: pointer;
  }

    .sharehoder-alphabets a.alphabet-active {
      background-color: #3a3a3a;
      border: 1px solid #000;
      color: white;
    }

.table-major-shareholders table td {
  border: none !important;
}

.right-chat-window-header {
  margin-right: 0.5em;
}

.advertise {
  margin-left: 16px;
}

.social-media-mergin {
  margin-left: 32px;
}

.news-article-search-input {
  margin: 0;
  margin-top: 10px;
  padding: 0;
}

  .news-article-search-input .search-query {
    padding-right: 3px;
    padding-right: 4px \9;
    padding-left: 3px;
    padding-left: 4px \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 30px;
  }

  .news-article-search-input button {
    border: 0;
    -moz-border-radius: 3px;
    height: 30px;
  }

.search-query:focus + button {
  z-index: 3;
}

.specialArticles .date-picker {
  display: inline-table;
  width: 70%;
  height: 25px;
  background-color: #efefef;
}

.specialArticles .ui-datepicker-trigger {
  position: relative;
  bottom: 3px;
  left: -3px;
  height: 29px;
  cursor: pointer;
}

.half {
  padding: 1em;
}
/* Acordeon styles */

.mah-accordion input {
  position: absolute;
  opacity: 0;
  z-index: 9999999999;
  transition: all 0.8s ease;
}

.mah-accordion label {
  position: relative;
  display: block;
  background: transparent;
  text-transform: uppercase;
  cursor: pointer;
  color: #202020;
  padding: 10px 0px;
  border-bottom: solid #ADADAD 1px;
}

button.accordion {
  background-color: #202020;
  color: #fff;
  cursor: pointer;
  padding: 12px;
  width: 100%;
  margin: 0 0 5px 0px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 13px;
  transition: 0.4s;
}

  button.accordion.active, button.accordion:hover {
    background-color: #39415f;
  }

  button.accordion:after {
    content: '\002B';
    color: #fff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }

  button.accordion.active:after {
    content: "\2212";
  }

div.panelgls {
  padding: 0 18px;
  display: block;
  width: 100%;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panelgls ul {
  margin: 0px;
  padding: 5px 0 10px 0px;
}

  .panelgls ul li {
    list-style: none;
    line-height: 22px;
    text-decoration: none !important;
  }

    .panelgls ul li a {
      color: #222;
      padding-left: 8px;
    }

.glscontauner {
  position: relative;
}

.glsactive {
  color: #337ab7 !important;
  font-weight: bold;
}

.companydetail {
  margin-left: 10px;
}

  .companydetail h4 {
    color: #337ab7;
    font-weight: bold;
    padding: 0 0 10px 0px
  }

#ReportSourceList option {
  height: 24px;
  padding-top: 4px;
}

.report-screener .report-select {
  display: table;
  width: 100%;
  background:#000;
  padding: 7px;
  border-radius: 5px;
}

.report-screener .report-multiselect {
  display: table;
  width: 100%;
  padding: 7px;
  border-radius: 5px;
}

.report-screener .btn-group-vertical label {
  display: table;
  margin-bottom: 10px;
}

.report-screener .btn-group-vertical input[type=radio] {
  position: relative;
  top: 3px
}

.report-screener .btn-group-vertical label span {
  padding-left: 10px;
}

.report-screener .inputfrom input {
  width: 83%;
  height: 28px;
  border-radius: 6px;
  border: 1px #3a3a3a solid;
  padding: 5px;
}

  .report-screener .inputfrom input[readonly] {
    background-color: #3a3a3a;
  }

.error-block {
  color: #ef4c36;
}

.chrt-searchPortfolio {
  direction: ltr !important;
}

.custom-date-picker-div .date-picker {
  width: 80% !important;
  background-color: #3a3a3a !important;
}

.custom-date-picker-div .ui-datepicker-trigger {
  position: relative;
  left: -3px;
  bottom: 2px;
  cursor: pointer;
}

table.table-text-center tr th, table.table-text-center tr td:not(:first-child) {
  text-align: center;
}

.span-label {
  display: inline-table;
}

.indicator-li {
  line-height: 15px !important;
  padding-bottom: 10px !important;
}

.fundmanager-picker, .fund-picker {
  display: table !important;
  width: 100% !important;
}

  .fundmanager-picker button, .fund-picker button {
    background-color: #000 !important;
    border: 0.5px solid #3a3a3a;
    border-radius: 4px;
    padding: 8px 4px 8px 4px;
    font-size: 11px;
  }

  .fundmanager-picker .dropdown-menu, .fund-picker .dropdown-menu {
    position: absolute;
    left: 0;
  }

.Saudi-Dashboard-mainhd h1 {
  display: block;
  background-color: #337ab7;
  padding: 10px 0px 10px 10px;
  font-size: 16px;
  color: #fff;
  margin: 10px 0px 0px 5px;
}

.Saudi-Dashboard-data {
  border: solid #3a3a3a 1px;
  background:#000;
  position: relative;
  margin: 0px 0px;
}

  .Saudi-Dashboard-data h6 {
    font-size: 11px;
    text-align: center;
    padding: 8px 0px;
    color: #eee;
    font-weight: bold;
  }

  .Saudi-Dashboard-data h5 {
    font-size: 11px;
    text-align: center;
    color: #ef4c36;
    padding: 8px 0px;
    font-weight: bold;
  }

  .Saudi-Dashboard-data h4 {
    font-size: 11px;
    text-align: center;
    color: #35b121;
    padding: 8px 0px;
    font-weight: bold;
  }

  .Saudi-Dashboard-data p {
    font-size: 11px;
    text-align: center;
    padding: 10px 0px
  }

  .Saudi-Dashboard-data .Saudi-Dashboard-arrowred {
    position: absolute;
    bottom: 20px;
    right: 10px;
  }

  .Saudi-Dashboard-data .Saudi-Dashboard-arrowgreen {
    position: absolute;
    z-index: 999;
    bottom: 20px;
    right: 10px;
    color: #35b121 !important;
  }

.Saudi-Dashboard-arrowred i {
  font-size: 22px;
  color: #ef4c36 !important;
}

.Saudi-Dashboard-arrowgreen i {
  font-size: 22px;
  color: #35b121 !important;
}

.Saudi-Dashboard-index a {
  display: block;
  padding: 15px 0px;
  background-color: #3a3a3a !important;
  font-size: 12px;
  color: #eee;
  border:1px solid #000;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
}

.green {
  color: green !important;
}

.red {
  color: red !important;
}

.no-z-index {
  z-index: 0 !important;
}
/*---------------advance screener----------------*/
.sector-switch {
  padding: 0px 20px 0px 20px;
  display: inline-table;
  background-color: #677492;
  color: white !important;
}

  .sector-switch label:first-of-type {
    position: relative;
    bottom: 5px;
    padding: 0 10px 0 0px;
    color: white;
  }

  .sector-switch label:nth-last-of-type(2) {
    position: relative;
    top: 5px;
  }

  .sector-switch label:last-of-type {
    position: relative;
    bottom: 5px;
    padding: 0 0px 0 10px;
    color: white;
  }

.currency-select {
  height: 32px;
  width: 57%;
  background: #000 !important;
  margin-top: 1px;
}

.advance-screener {
  min-height: 160px !important;
  max-height: 160px;
}

.select-controls {
  padding: 0;
  height: 160px;
  position: relative;
}

  .select-controls div:first-of-type {
    position: absolute;
    top: 8%;
    left: 5%;
  }

  .select-controls label {
    width: 20px;
    background-color: #202020;
    padding: 3px 16px 5px 10px;
    box-shadow: 1px 1px 2px #efefef;
    border: 1px solid #efefef;
    color: white;
    font-size: 14px;
  }

    .select-controls label:hover {
      background-color: #1d4d6a;
      border: 1px solid #202020;
      color: white;
      cursor: pointer;
    }

.ads-slider-div {
  margin: 0 auto;
  width: 90%
}

  .ads-slider-div .slider.slider-horizontal {
    width: 45%;
  }

    .ads-slider-div .slider.slider-horizontal .slider-track {
      height: 5px;
    }

  .ads-slider-div .slider-track {
    top: 67% !important;
  }

  .ads-slider-div .slider-selection.tick-slider-selection {
    top: 0px !important;
  }

  .ads-slider-div .round {
    cursor: pointer;
  }

    .ads-slider-div .round.in-selection {
      cursor: pointer;
    }

.ads-wrapper select[multiple] {
  height: auto;
  width: 100% !important;
  border-radius: 2px;
  border: 1px solid #3a3a3a;
  padding: 2px;
  box-shadow: 1px 1px 1px #3a3a3a;
}


  .ads-wrapper select[multiple] option {
    padding: 2px;
  }

.ads-ratios {
  position: absolute;
  width: auto;
  z-index: 888;
  min-width: 23%;
}

.ads-wrapper .nav.navbar-nav a {
  color: #555;
}

.ads-wrapper .nav.navbar-nav li {
  padding: 0px 3px 0px 3px;
}

.ads-wrapper .dropdown-menu {
  left: 0 !important;
  min-width: 30em;
  max-height: 300px;
  overflow: auto;
}

section.rations .slider-handle.round {
  border-radius: 2px;
  width: 11px;
  cursor: pointer;
}

section.rations .slider.slider-horizontal .slider-track {
  height: 15px;
  width: 100%;
  margin-top: -8px;
  top: 50%;
}

section.rations .slider-selection {
  border-radius: 2px;
}

.slider-td .ui-slider-horizontal {
  height: 1.25em;
}

.slider-td .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.7em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

  

.ads-wrapper .remove-btn {
  padding: 1px;
  border-radius: 22px;
  position: relative;
  float: right;
  right: 0em;
  bottom: 0.5em;
  cursor:pointer;
}

  .ads-wrapper .remove-btn img {
    width: 13px;
  }

.ads-wrapper .gb-head{
  vertical-align:top;  
}

.ads-wrapper .dropdown-menu {
  z-index: 10 !important;
}
.ads-wrapper .remove-filter-header-link{
  display:table;
  width:100%;
}
  .ads-wrapper .remove-filter-header-link span {
    width: 100%;
    text-align: center;
    display: table;
  }
.ads-wrapper th.tablesorter-header-inner{
  text-align:center;
}
.ads-wrapper .page-header
{
  padding-bottom: 9px;
  margin: 5px 0 20px;
  border-bottom: 1px solid #3a3a3a;
  font-size: 2.2em;
}
.ads-wrapper .slider-track-high,.ads-wrapper .slider-tick {
  background-image: linear-gradient(to bottom,#89cdef 0,#81bfde 100%);
  background-repeat: repeat-x;
}
.ads-wrapper .ui-slider-horizontal .ui-slider-range {
  background-color: #202020;
}
/*---------------End advance screener----------------*/

/*---------------------- Popup Banner---------------------*/
.modal {
    display: block; /* Hidden by default */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 23px;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
#modalcontent {
    background-color: #fefefe;
    margin: 15% auto;
    padding-right: 9px;
    border: 1px solid #888;
    width: 80%;
    padding-top: 10px;
}
#myModalContent{padding-bottom:5px;}

.modal-dialog-banner {
    display: inline-block;
    margin: 30px auto;
    min-width: 300px;
    text-align: left;
    vertical-align: middle;
    width: auto
}
.panel-body-banner {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}
/* The Close Button */
.close {
    color: #eee;
    float: right;
    font-size: 18px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.news-etoro-banner {
    float: right;
    top: 3px;
    position: absolute;
    right: 54px;
}
.portfolio-etoro-banner {
    float: right;
    top: 3px;
    position: absolute;
    right: 40px;
}

/*
==================================================
               =  Media Queries  =
==================================================
*/
@media screen and (min-width: 768px) {
  .modal::before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle
  }
}

@media(min-width: 298px) and (max-width: 786px) {

  .latfield {
    position: relative;
    top: 0;
    z-index: 9999;
    right: 0;
    margin: 3px 5px 0 0
  }

  .customnavbar {
    margin: 0 !important
  }

  .input-group-addon {
    padding: 6px 12px 6px 0 !important
  }

  .aside h3 {
    cursor: pointer;
    position: relative;
    padding: 15px 0
  }

  .aside ul {
    display: none
  }

  .aside .arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    position: absolute;
    right: 15px;
    top: 15px
  }

  .allpages {
    margin: 0 0 10px
  }

    .allpages h3 {
      font-size: 12px;
      color: #337ab7;
      font-weight: 700
    }

    .allpages strong {
      font-size: 13px;
      text-transform: uppercase;
      /*color: #222;*/
      font-weight: 400
    }

    .allpages span {
      border-bottom: solid 3px #337ab7;
      padding: 0 0 7px
    }

    .allpages a {
      color: #ef4c36
    }

    .allpages p {
      padding: 20px 0 0
    }

  .investing_chart ul li a {
    color: #3381aa;
    text-decoration: none;
    padding: 0 0 0 10px !important;
    display: block
  }

  .relativestrength h5 {
    color: #fff;
    padding: 10px 0 10px 15px
  }

  .gccchart a img {
    margin: 15px 0 0 !important
  }

  .fortextcenter {
    text-align: left !important;
    margin: auto !important;
    padding: 10px 0
  }

    .fortextcenter img {
      text-align: left !important;
      height: 34px;
      margin: auto !important
    }

  .fortopmargin {
    margin-top: 10px !important
  }

  .navbar-collapse {
    border: 0 !important;
    box-shadow: none !important
  }
}

@media(min-width: 480px) and (max-width: 767px) {
  .fortextcenter {
    text-align: center !important;
    margin: auto !important
  }

    .fortextcenter a img {
      text-align: center !important;
      height: 75px;
      margin: auto !important
    }

  .fortopmargin {
    margin-top: 10px !important
  }

  .navbar-collapse {
    border: 0 !important;
    box-shadow: none !important
  }
}

@media(min-width: 768px) and (max-width: 991px) {
  .custommenubar > li > a {
    color: #355f77 !important;
    font-weight: 700;
    padding: 10px 8px
  }
}

@media(min-width: 992px) and (max-width: 1006px) {
  .customnavbar {
    margin: 0 !important
  }

  .custommenubar > li > a {
    color: #355f77 !important;
    padding: 10px 6px 10px 5px
  }

  .logoheader img {
    margin: 13% 0px;
  }
}

@media(min-width: 1007px) and (max-width: 1199px) {
  .custommenubar > li > a {
    padding: 10px 8px
  }

  .logoheader img {
    margin-top: 0
  }
}

@media(min-width: 1200px) and (max-width: 1206px) {
  .customnavbar {
    margin: 0 !important
  }

  .custommenubar > li > a {
    padding: 10px 8px
  }
}

@media(min-width: 992px) and (max-width: 1199px) {
  .btnlanguage {
    padding: 10px 5px;
    margin-right: 0
  }

  .custompanelaccordian h4 {
    color: #565656 !important
  }
}

@media screen and (max-width:700px) {
  .block {
    padding: 0;
    height: 60px;
    overflow: hidden;
    background: transparent;
    width: 100%;
    font-size: 11px
  }

    .block ul, .block li {
      margin: 0;
      padding: 0;
      list-style: none
    }

      .block li a {
        display: block;
        height: 40px;
        line-height: 16px;
        color: #fff;
        text-decoration: none;
        padding: 5px 0;
        width: 100%
      }

  .label {
    display: inline;
    padding: 1.5em .8em .5em;
    font-size: 117%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0 !important
  }
}

@media (min-width: 680px) {
  .container {
    width: 80%
  }
}

@media (min-width: 680px) {
  .main-navigation li {
    list-style-type: none;
    float: left
  }

  .main-navigation > ul > li > .dropdown-menu {
    position: absolute
  }
}

@media(min-width: 298px) and (max-width: 372px) {
  .marketsindices_down ul li:nth-child(2) {
    padding: 0;
    width: 16% !important
  }

  .marketsindices ul li:nth-child(2) {
    padding: 0 0 0 5px !important;
    width: 19% !important
  }

  .marketsindices_down ul li {
    float: left;
    text-transform: uppercase;
    padding: 0;
    list-style: none;
    line-height: 33px;
    font-weight: 400
  }

  .marketsindices ul li:nth-child(3) {
    padding: 0;
    width: 38%;
    text-align: left !important
  }

  .marketsindices ul li:nth-child(4) {
    padding: 0;
    width: 42% !important;
    color: #35b121
  }

  .marketsindices ul li i {
    padding: 0 !important
  }

  .marketsindices ul li {
    float: left;
    text-transform: uppercase;
    padding: 0;
    line-height: 33px;
    list-style: none;
    font-weight: 400
  }

  .marketsindices_down ul li:nth-child(3) {
    padding: 0 !important;
    width: 34% !important
  }

  .marketsindices_down ul li i {
    padding: 0 !important
  }

  .marketsindices_down ul li:nth-child(2) {
    padding: 0 0 0 5px !important;
    width: 19% !important
  }

  .marketsindices_down ul li:nth-child(4) {
    padding: 0 0 0 5px !important;
    width: 42%;
    color: #ef4c36
  }
}

@media screen and (max-width: 650px) {
  .label:before {
    margin: 0
  }
}

@media screen and (max-width: 400px) {
  .label {
    padding: 15px
  }
}

@media screen and (max-width:503px) {
  .fortextcenter {
    text-align: center !important;
    margin: 0 auto !important;
    padding: 10px 0 !important
  }

  .marketsindices_down ul li:nth-child(3) {
    padding: 0 !important;
    width: 33% !important
  }

  .marketsindices ul li:nth-child(3) {
    padding: 0;
    width: 33% !important;
    text-align: left !important
  }
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}

@media only screen and (max-width : 768px) {
  .sidebar {
    float: left !important;
  }

  .leftbar {
    float: right !important;
  }
}


@media screen and (max-width:500px) {
  .left_part, .right_part {
    width: 100%;
    text-align: center;
  }
    .news-etoro-banner {
        position: relative;
        float: left;
        left:0px;
    }
    .etoro{
        display:inline-block;
    }
}

.panel-group .panel {
    background: #000000;
}

a {
    color: #eee; !important;
    text-decoration: none;
}

input, textarea {
    background-color: #333333;
}
.panel-group{
    border-radius:0px !important;
}
.panel {
    border-radius:0px !important;
}
.fc-toolbar{
    background:#000;
}
ul.ColVis_collection li span {
    background: #000 !important;
}
.ColVis_collection li {
    background: #000 !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #000 !important;
}
.panel-group .panel-heading {
    color: #FFF !important;
    border: 1px solid #3a3a3a;
}
.highcharts-range-input text {
    fill: #FFF;
    stroke: #FFF;
}

input.highcharts-range-selector {
    fill: #FFF;
    stroke: #FFF;
    color: #FFF;
}
.highcharts-range-label text {
    color: #FFF !important;
    fill: #FFF !important;
}
.table-hover > tbody > tr:hover {
    background: #202020 !important;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #3a3a3a;
    border:1px solid #000;
}
.panel-default {
    border-color: #3a3a3a !important;
   
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border: 1px solid #3a3a3a;
}
.nbs-flexisel-ul li > div {
    border: solid #3a3a3a 1px;
}
.highcharts-container {
    border: solid #3a3a3a 1px;
}
.h6, h6 {
    color: #eee;
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #010101;
    color: #eee;
}

.angucomplete-dropdown {
    border-color: #3a3a3a;
    border-width: 1px;
    color: #eee; !important;
    border-style: solid;
    border-radius: 2px;
    min-width: 350px;
    max-height: 150px;
    overflow: auto;
    padding: 6px;
    cursor: pointer;
    z-index: 9999;
    position: absolute;
    margin-top: -6px;
    background-color: #000;
}

.angucomplete-searching {
    color: #eee; !important;
}

.angucomplete-row {
    color: #eee; !important;
}

    .angucomplete-row:hover {
        background-color: #eee; !important;
        color: #000 !important;
    }

.table-bordered {
    border: 1px solid #3a3a3a;
}

hr {
    border-top: 1px solid #3a3a3a !important;
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #3a3a3a !important;
}

.ltr text-normal{
    color:#ADADAD !important;
}

.defualt-color {
    color: #eee; 
}

.highcharts-label.highcharts-tooltip {
    background-color: #000000 !important;
    color: #eee; !important;
    opacity: 1;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: black !important;
}

a.tooltips span {
    background-color:black !important
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #eee;
    word-break: break-all;
    word-wrap: break-word;
     background-color: #000; 
    border: 1px solid #3a3a3a;
    border-radius: 4px;
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: left;
    background: #000 !important;
}

.treeview ul {
    background-color: #000000 !important;
    margin-top: 4px;
    list-style: none;
}

.page {
    margin-bottom: 20px;
}

.navigation-vertical-container {
    width: 70px;
    font-size: 10px;
    text-align: center;
}

.page-holder, html[xmlns] .page-holder.clearfix {
    display: flex;
    width: 100%;
}

.leftDiv {
    display: block;
    min-width: 320px;
    width: 320px;
    float: left;
    position: relative;
    padding: 0px 3px 6px 3px;
}

.main-content {
    float: left;
    width: calc(100% - 320px);
    margin-bottom: 10px;
}

.home-index-header {
    background: #202020 !important
}

.home-index-alt-row {
    background: #202020 !important
}

.category_navigation {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
    margin-left: 5px;
}

.news-col-1 {
    margin-bottom: 1em;
    margin-left: 5px;
}

.news-col-2 {
    margin-bottom: 1em;
    margin-left: 5px;
}

.react-app-news {
    padding: 0 5px 5px 5px;
}

#news-app .category_navigation_item {
    font-size: 13px;
    padding: 5px 28px 5px 0;
    display: flex;
    text-transform: uppercase;
    color: #e7e7e7;
    transition: ease-in-out;
}

#news-v5 .news-col-1, #news-v5 .news-col-2 {
    display: grid;
    grid-template-columns: 60% auto;
    grid-gap: 1em;
}

#news-v5 .news-col-1, #news-v5 .news-col-2 {
    display: grid;
    grid-gap: 1em;
}

.latest-news-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 3em;
}

.latest-news__item--title .lastest-news-item__image {
    width: 2.5em;
    margin-right: 0.5em;
}

.latest-news__item--title {
    display: flex;
    align-items: center;
}

.latest-news__item img {
    min-width: 25px;
    width: 25px;
    height:25px;
}

.latest-news__item .news-tag {
    
    justify-content: flex-end;
}

.news-tag {
    display: flex;
}

/*.main-title {
    padding: 0.2em 16px;
}*/

.news-tag-relase-time, #news-app .relase-time-box {
    padding-left: 0.3em;
    display: flex;
    align-items: center;
}

.latest-news__item {
    display: grid;
    grid-template-columns: 4fr 1.9fr;
    align-items: center;
    min-height: 1.3em;
    padding: 2px 0;
    /*padding-top: 10px;*/
    border-bottom: 1px solid #3a3a3a;
}

    .latest-news__item notification {
        display: flex;
    }

.time-icon-margin {
    margin-top: 1px;
    margin-right: 2px;
}


#news-app .news-col-1 .main-news-big {
    grid-template-columns: 1fr;
    grid-gap: 0;
}

.main-news__img {
    position: relative;
}

.nbs-flexisel-item {
    width: 358px;
}

#flexiselSlider li {
    width: 360px !important;
    min-width: 360px !important;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.fa.fa-twitter {
    font-family: sans-serif;
}

.fa.fa-twitter::before {
content: "𝕏";
font-size: 1.2em;
color:white;
}
.highcharts-container {
    border: solid #3a3a3a 0px !important;
    /*width:635px !important*/
}

.sub-menu-list {
    margin-left: 7.5rem !important;
}

.dropdown-menu {

    background-color: #000000 !important;
}

    .dropdown-menu:hover {
        /*background: #000 none repeat scroll 0 0 !important;*/
        color: #eee !important;
    }
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        /*background: #000 none repeat scroll 0 0 !important;*/
        /*color: #000 !important;*/
    }
.news-hotnews-title {
    vertical-align: top;
    padding-left: 5px;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #ADADAD;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.pagesize{
    background:black;
}

.dropdown-menu > li > a{
    color:#eee !important; 
}
.dropdown-menu :hover{
    /*background: none !important;*/
}
.sar-symbol {
    font-family: SRNewFont !important;
    font-size: 14px;
    color: white !important;
}

.menu-right-icon {
    position: absolute;
    right: 4px;
    top: 5px;
    display: inline-block;
}

@font-face {
    font-family: 'SRNewFont';
    src: url('/Content/SRNewFont.ttf') format('truetype'),;
    font-weight: bold !important;

}

.ui-dialog .ui-dialog-buttonpane button {
    background: #000 !important;
}

/*button, input, select, textarea {
    background: #000 !important;
}*/