@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Regular.ttf') format('truetype');
}

/* SCROLLBAR */
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: black;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/* SCROLLBAR */

.loader{
  z-index: 3000;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.8;
  padding-top: 35vh;
}

.loader-svg{
  position: relative;
  height: 200px;
  width: 200px;
}

.logo_container{
  box-shadow: 1px;
}

.companylogoImage{
  position: relative;
  width: 100px;
}

.logoUnavailable{
  position: relative;
  background-color: #9e9e9e;
  color: white;
  padding-top: 35%;
  font-weight: bold;
  height: 100px;
  width: 100px;
}

#companyName{
  font-size: 30px;
  font-weight: bold;
  font-family: 'Raleway', sans-serif !important;
}

.indicator_details{
  padding: 2vw;
  background-image: linear-gradient(to right, #F6C9FF , #D2EFFF);
  border-radius: 5px;
}

#regularMarketPrice, #postMarketPrice{
  font-size: 20px;
}

#regularMarketChange, #postMarketChange{
  font-size: 16px;
}

#regularMarketClose, #postMarketClose{
  font-size: 12px;
}

#darkModeToggle{
  cursor: pointer;
}

.indicator-meta-dark{
  color: #FFFFFF;
}

.input-dark{
  background-color: #343A40 !important;
  color: #FFFFFF !important;
  border: 0px !important;
}

.searchIndicators-dark{
  background-color: #343A40 !important;
  color: #FFFFFF !important;
  border: 0px !important;
}

.indicator_details-dark{
  color: #FFFFFF;
  background-image: linear-gradient(to right, #581872 , #204A80);
}

.wrapper-dark{
  background-color: #2E2E2E;
  color: white;
}

/* AUTOCOMPLETE: */
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;

}

.searchButton{
  position: relative;
  left: -2px;
  border-top-right-radius: 5px !important;
  border-top-left-radius: 0px !important;
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 0px !important;
}

.autocomplete-items {
  position: absolute;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  background-color: #343A40;
  color: white;
  opacity: 0.9;
  border-radius: 10px;
  border: 1px solid grey;
}

.autocomplete-items div {
  transition: all ease-in-out 0.1s;
  padding: 10px;
  opacity: 1;
  z-index: 199;
  color: white;
  cursor: pointer;
  border-radius: 10px;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #000;
  font-weight: bold;
  transition: all ease-in-out 0.1s;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
  font-weight: bold;
  transition: all ease-in-out 0.1s;
}

.card-body{
  overflow-x: hidden;
}

.loader{
  z-index: 3000;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.8;
  padding-top: 35vh;
}

.loader-svg{
  position: relative;
  height: 200px;
   width: 200px;
}

#incorrectCredentials{
  opacity: 0;
  color: red;
}

.sign-out-button:hover{
  cursor: pointer;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@font-face {
  font-family: MicroshieldFont;
  src: url("../../vendor/dist/font/fontastique.ttf");
}

.login-logo-font{
  font-family: MicroshieldFont;
  color: #EB0001;
  font-weight: bold;
  text-indent:5px;
}

.profile-user-img:hover{
  cursor: pointer;
  border-color: #007BFF;
}