﻿/*CSS USE TO OVERRIDE BOOTSTRAP LAYOUT*/

/*liviya start*/
.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px);
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(2.875rem + 2px);
}

.input-group-prepend,
.input-group-append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

  .input-group-prepend .btn,
  .input-group-append .btn {
    position: relative;
    z-index: 2;
  }

    .input-group-prepend .btn + .btn,
    .input-group-prepend .btn + .input-group-text,
    .input-group-prepend .input-group-text + .input-group-text,
    .input-group-prepend .input-group-text + .btn,
    .input-group-append .btn + .btn,
    .input-group-append .btn + .input-group-text,
    .input-group-append .input-group-text + .input-group-text,
    .input-group-append .input-group-text + .btn {
      margin-left: -1px;
    }

.input-group-append {
  margin-left: -1px;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.nav-tabs.stock-info {
  border: none;
  padding: 10px 0px;
  overflow-x:auto;
  overflow-y:hidden;
  flex-wrap:nowrap;
}

.nav.stock-info > li.active {
  border: none;
  border-bottom: 3px #029CD0 solid;
}

.nav-tabs.stock-info > li.active > a {
  border: none;
  color: #029CD0;
  font-family: Montserrat-Semibold;
}

.nav.stock-info > li > a {
  padding: 0px;
  font-family: Montserrat-Regular;
  color: #7b7b7b;
  font-size: 12px
}

.nav.stock-info > li {
  margin-right: 20px;
}

ul.nav.stock-info > li > a:hover {
  text-decoration: none;
  background-color: transparent;
  border-color: #fff #fff #fff;
  padding: 0px;
  font-size: 14px;
  color: #7b7b7b !important;
}

ul.nav.stock-info > li.active > a:hover {
  color: #029CD0 !important;
}

ul.nav.stock-info > li.active a:hover span {
  border-bottom: none;
  color: #029CD0 !important;
  font-size: 14px
}

ul.nav.stock-info a:hover span {
  border-bottom: none;
  color: #7b7b7b !important;
  font-size: 14px
}

ul.nav.stock-info > li svg.stockinfo-mobile-icon, ul.nav.stock-info > li.stockinfo-mobile, div.stockinfo-mobile, li.stockinfo-mobile {
    display: none !important
}

.tab-content.stock-info {
  margin-top: 15px
}

/*.input-group.stock-info.comment {
  width: 70%
}*/

.input-group.stock-info.comment input[type=text].comment {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border: none;
  background-color: #f3f3f3;
  box-shadow: none;
  padding: 10px 20px;
  font-size: 15px;
  height: 100%
}

.input-group.stock-info.comment .btn-outline-secondary {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #f3f3f3;
  padding: 9px 10px;
  font-size: 15px;
}

.navbar-right {
  float: right !important;
  margin-right: 0px;
}

.nav > li > a {
  padding: 15px 7px;
}

.nav-tabs.stock-infosearch {
  border: none;
  padding: 10px 0px;
}

.nav.stock-infosearch > li.active {
  border: none;
  border-bottom: 3px #029CD0 solid;
}

.nav-tabs.stock-infosearch > li.active > a {
  border: none;
  color: #029CD0;
  font-family: Montserrat-Semibold;
}

.nav.stock-infosearch > li > a {
  padding: 0px;
  font-family: Montserrat-Regular;
  color: #7b7b7b;
  font-size: 14px
}

.nav.stock-infosearch > li {
  margin-right: 20px;
}

ul.nav.stock-infosearch > li > a:hover {
  text-decoration: none;
  background-color: transparent;
  border-color: #fff #fff #fff;
  padding: 0px;
  /*font-size: 14px;*/
  color: #7b7b7b !important;
}

ul.nav.stock-infosearch > li.active > a:hover {
  color: #029CD0 !important;
}

ul.nav.stock-infosearch > li.active a:hover span {
  border-bottom: none;
  color: #029CD0 !important;
  font-size: 14px
}

ul.nav.stock-infosearch a:hover span {
  border-bottom: none;
  color: #7b7b7b !important;
  font-size: 14px
}

ul.nav.stock-infosearch > li svg.stockinfo-mobile-icon, ul.nav.stock-infosearch > li.stockinfo-mobile, div.stockinfo-mobile, li.stockinfo-mobile {
  display: none !important
}

.tab-content.stock-infosearch {
  margin-top: 15px
}

/*.input-group.stock-infosearch.comment {
  width: 70%
}*/

.input-group.stock-infosearch.comment input[type=text].comment {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border: none;
  background-color: #f3f3f3;
  box-shadow: none;
  padding: 10px 20px;
  font-size: 15px;
  height: 100%
}

.input-group.stock-infosearch.comment .btn-outline-secondary {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #f3f3f3;
  padding: 9px 10px;
  font-size: 15px;
}

.stock-tabs{
    width: 850px;
}

@media screen and (max-device-width: 1096px) {
    .stock-tabs {
        width: 1210px;
    }

  li.stockinfo-mobile {
    display: inline !important
  }

  li.stockinfo-mobile {
    display: inline !important
  }

  div.stockinfo-mobile {
    display: block;
  }
}

@media screen and (max-device-width: 740px) {
  ul.nav.stock-info > li svg.stockinfo-mobile-icon {
    display: inline !important
  }

  ul.nav.stock-info > li span {
    display: none
  }

  .nav.stock-info > li > a, ul.nav.stock-info > li > a:hover {
    font-size: 16px;
  }

  ul.nav.stock-infosearch > li svg.stockinfo-mobile-icon {
    display: inline !important
  }

  ul.nav.stock-infosearch > li span {
    display: none
  }

  .nav.stock-infosearch > li > a, ul.nav.stock-info > li > a:hover {
    font-size: 15px;
  }
}

@media screen and (max-device-width: 345px) {
  .nav.stock-infosearch > li > a, ul.nav.stock-infosearch > li > a:hover {
    font-size: 12px;
  }

  .nav.stock-info > li > a, ul.nav.stock-info > li > a:hover {
    font-size: 16px;
  }
}

/*liviya end*/

/*alicia start*/
/*.navbar-collapse {
  /*background: linear-gradient(to right, #00edb0 0%, #003291 100%);*/
  /*width: 100%;*/
  /*height:500px;*/
/*}*/

.form-control:focus {
  box-shadow: none;
}

.navbar-inverse .navbar-nav > li > a {
  color: #FCFCFC;
}

a:focus, a:hover {
  text-decoration: none;
}

.navbar-collapse collapse {
  margin-top: 0;
  padding-left: 0px;
  padding-right: 0px;
  /*border:0px hidden;*mar/
      /*height:70px;*/
}

.input-group-btn:last-child > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #FCFCFC;
  height: 30px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  }

/*.btn-group-lg > .btn, .btn-lg {
  padding: 5px 10px;
  font-size: 14px;
}


.btn-info {
  background: linear-gradient(to right, #00ABB2 0%, #003291 100%);
}*/

  /*alicia end*/
  /*lm start*/
  @media (min-width: 768px) {
    .modal-dialog {
      width: 500px;
      margin: 30px auto;
    }
  }


@media (min-width : 768px)and (max-width : 838px) {
  .nav > li > a {
    padding: 15px 4px;
  }
}

@media (min-width : 839px)and (max-width : 869px) {
  .nav > li > a {
    padding: 15px 6px;
  }
}

@media (min-width : 870px)and (max-width : 894px) {
  .nav > li > a {
    padding: 15px 8px;
  }
}
@media (min-width : 320px)and (max-width : 767px){
  .nav > li > a {
    padding: 12px 10px;
  }
}
/*lm end*/
