/*loader style*/
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51,52,54,.6);
  z-index: 1001;
}

#popup {
  padding-top: 50px;
  width: 20%;
  height: 20%;
  background: #f9f9f9;
  /*border: 1px solid #f9f9f9;*/
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  /*box-shadow: #747c8a 0px 0px 3px 3px;
  -moz-box-shadow: #747c8a 0px 0px 3px 3px;
  -webkit-box-shadow: #747c8a 0px 0px 3px 3px;*/
  position: relative;
  top: 38%; 
  left: 40%;
}

.object__fit__cover {
  object-fit: cover;
}

@media (min-width: 481px) {
  #hideOnMobileShowOnDesktop{
    display: block!important;
  }
  #hideOnDesktopShowOnMobile{
    display: none!important;
  }
}
@media (max-width: 480px) {
  #hideOnMobileShowOnDesktop{
    display: none!important;
  }
  #hideOnDesktopShowOnMobile{
    display: block!important;
  }
}



/*Gloabal input */
.expandable-button {
	display: inline-block;
	margin: 4px 2px;
	background-color: transparent;
	font-size: 14px;
	padding-left: 32px;
	padding-right: 32px;
	height: 50px;
	line-height: 60px;
	text-align: center;
	color: #adb5bd;
	text-decoration: none;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* .expandable-button:hover {
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	background-color: white;
	color: black;
} */

.search-container {
	position: relative;
	display: inline-block;
	margin: 4px 2px;
	height: 50px;
	width: 50px;
	vertical-align: bottom;
}


.searchbutton {
	position: absolute;
	font-size: 22px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.search:focus + .searchbutton {
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	background-color: white;
	color: black;
}

.search {
	position: absolute;
	left: 49px;
	background-color: white;
	outline: none;
	border: none;
	padding: 0;
	width: 0;
	height: 100%;
	z-index: 10;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}

.search:focus {
	width: 200px;
	padding: 0 16px 0 0;
}

.expandright {
	left: auto;
	right: 49px; /* Button width-1px */
}

.expandright:focus {
	padding: 0 0 0 16px;
}

.autocomplete {
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4;
  color: #000000;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

.w-150 {
	width: 150px;
}

.grid-height {
	height: 70vh;
}