/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.vs__dropdown-toggle{
	display: block;
	width: 100%;
	min-height: 2.714rem;
	padding: 0.438rem 1rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.45;
	color: #6e6b7b;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #d8d6de;
	border-radius: 0.357rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}



.vs__dropdown-option--disabled {
    display: none;
}

.gmap-autocomplete {
	padding: .7rem !important;
	font-size: 1rem !important;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 5px;
  }

  #user-profile {
	/*-------------profile header section---------*/
	/*-------- profile info section --------*/ }
  
  #user-profile .profile-header {
	overflow: hidden; }
  
  #user-profile .profile-header .profile-img-container {
	position: absolute;
	bottom: -2rem;
	left: 2.14rem;
	z-index: 2; }
  
  #user-profile .profile-header .profile-img-container .profile-img {
	height: 8.92rem;
	width: 8.92rem;
	border: 0.357rem solid #fff;
	background-color: #fff;
	border-radius: 0.428rem;
	box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1); }
  
  #user-profile .profile-header .profile-header-nav .navbar {
	padding: 0.8rem 1rem; }
  
  #user-profile .profile-header .profile-header-nav .navbar .navbar-toggler {
	line-height: 0; }
  
  #user-profile .profile-header .profile-header-nav .navbar .profile-tabs .nav-item i,
  #user-profile .profile-header .profile-header-nav .navbar .profile-tabs .nav-item svg {
	margin-right: 0; }
  
  #user-profile #profile-info .profile-star {
	color: #babfc7; }
  
  #user-profile #profile-info .profile-star i.profile-favorite,
  #user-profile #profile-info .profile-star svg.profile-favorite {
	fill: #ff9f43;
	stroke: #ff9f43; }
  
  #user-profile #profile-info .profile-likes {
	fill: #ea5455;
	stroke: #ea5455; }
  
  #user-profile #profile-info .profile-polls-info .progress {
	height: 0.42rem; }
  
  #user-profile .profile-latest-img {
	transition: all 0.2s ease-in-out; }
  
  #user-profile .profile-latest-img:hover {
	transform: translateY(-4px) scale(1.2);
	z-index: 10; }
  
  #user-profile .profile-latest-img img {
	margin-top: 1.28rem; }
  
  #user-profile .block-element .spinner-border {
	border-width: 0.14rem; }

.pulsing{
	animation: pulse 2s linear infinite;
}

@keyframes pulse {
	0% {
		color: #5e5873;
		
	}
  
	50% {
		color: #E19E5E;
		
	}

	75% {
		color: #E74A48;
	}
  
	100% {
		color: #5e5873;
		
	}
  }
  
  @media (max-width: 991.98px) {
	#user-profile .profile-latest-img img {
	  width: 100%; } }
  
  @media (min-width: 768px) {
	.profile-header-nav .profile-tabs {
	  width: 100%;
	  margin-left: 13.2rem; } }
  
  @media (max-width: 575.98px) {
	#user-profile .profile-header .profile-img-container .profile-img {
	  height: 100px;
	  width: 100px; }
	#user-profile .profile-header .profile-img-container .profile-title h2 {
	  font-size: 1.5rem; } }  
.brand-text {
	text-transform: uppercase;
	font-weight: 900 !important;
	color: #000000 !important
}
.gradient-anim {
	background: linear-gradient(to right, #E19E5E 0%, #E74A48 90%, #E19E5E 100%);
	background-size: 200% auto;
	
	color: #000;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
	animation: shine 5s linear infinite;
  }
  @keyframes shine {
    to {
      background-position: 200% center;
    }
  }
  .cover-subtext {
	  color: #6e6b7b !important;
  }
  .export-bubble {
	background: red; border-radius: 50%; padding: 3px; position: absolute; top: -5px; right: -5px; min-width: 20px; min-height: 20px;
  }

  .vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a svg, .vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a i {
	height: 18px !important;
    width: 18px !important;
  }

  .main-menu.menu-light .navigation > li ul .active {
  background: linear-gradient(
90.35deg, #E19E5E -3.26%, #E74A48 106.05%);
    box-shadow: 0 0 10px 1px rgb(231 74 72 / 50%);
    color: #FFFFFF;
    font-weight: 400;
    border-radius: 4px;
  }