/*
 * Title:   Custom Style File
 */
#header.style6 .search-form input[type="search"] {
    float: left;
    background: none;
    border: 0;
    outline: none;
    padding: 0 5px;
    /*border-right: 1px solid #fff;*/
    width: 145px;
    line-height:3em;
    border-radius: 0;
    color: #fff;
    transition: none;
    box-shadow: none!important;
	font-size:initial;
	margin-left:6px;
}
header .style6 .search-form {
    float: left;
    fill: #fff;
    width: 15px;
    height: 15px;
    margin-top: 2px;
}
header .style6 .search-form i .soap-icon-search {
	line-height:3em;
	font-size:initial;
	color:#fff;
}
#header.style6 .search-form input::placeholder {	
	color:#E0DEDE; /*#D8D0D1;*/
	font-weight:lighter;
	/*font-size:14px;*/
}
#header.style6 .search-form .search-btn {
    background-color: DodgerBlue; /* Blue background */
    border: none; /* Remove borders */
    color: white; /* White text */
    padding: 12px 16px; /* Some padding */
    font-size: 16px; /* Set a font size */
    cursor: pointer; /* Mouse pointer on hover */
	
}
#header .style6 .weather-widget {
    float: left;
    display: inline-block;
    
	margin: 0 5px;
}

.weather-widget {
 float: left;
    display: inline-block;
    line-height: 2.8em;
	
	width:15px;
	height:15px; 
	font-size:large; 
	font-weight:lighter;
}
.weather-temp {
    margin-right: 5px;
    float: left;
	color:#fff;
	margin-left:5em;
}
.weather-widget .svg {
    width: 25px;
    height: 25px;
    vertical-align: sub;
	/*background-image:url(../images/icon/sunny.png);*/
	display:inline-block;
	line-height:2em;
    margin-left: 140px;
    margin-top: -46px;
    float: left;
    color: white;
}
/* Darker background on mouse-over 
.search-btn:hover {
    background-color: RoyalBlue;
}
#header.style6 .social-icons {
  margin-top: 10px;
}
#header.style6 .social-icons li > a {
  background: none;
  color: #d07f00;
}
#header.style6 .social-icons li > a:hover {
  color: #fff;
}
#header.style6 .social-icons li > a:hover i {
  display: block;
  -webkit-animation: toBottomFromTop 0.3s forwards;
  -moz-animation: toBottomFromTop 0.3s forwards;
  animation: toBottomFromTop 0.3s forwards;
}*/
/* tab style*/
/* USER PROFILE PAGE */
 .card {
    margin-top: 20px;
    padding: 30px;
    background-color: rgba(214, 224, 226, 0.2);
    -webkit-border-top-left-radius:5px;
    -moz-border-top-left-radius:5px;
    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-top-right-radius:5px;
    border-top-right-radius:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.card.hovercard {
    position: relative;
    padding-top: 0;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 1);
}
.card.hovercard .card-background {
    height: 130px;
}
.card-background img {
    -webkit-filter: blur(25px);
    -moz-filter: blur(25px);
    -o-filter: blur(25px);
    -ms-filter: blur(25px);
    filter: blur(25px);
    margin-left: -100px;
    margin-top: -200px;
    min-width: 130%;
}
.card.hovercard .useravatar {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
}
.card.hovercard .useravatar img {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, 0.5);
}
.card.hovercard .card-info {
    position: absolute;
    bottom: 14px;
    left: 0;
    right: 0;
}
.card.hovercard .card-info .card-title {
    padding:0 5px;
    font-size: 20px;
    line-height: 1;
    color: #262626;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.card.hovercard .card-info {
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: #737373;
    text-overflow: ellipsis;
}
.card.hovercard .bottom {
    padding: 0 20px;
    margin-bottom: 17px;
}
.btn-pref .btn {
    -webkit-border-radius:0 !important;
}

/* Bootstrap Label Size */
.label-xsmall {
  vertical-align: super;
  font-size: x-small;
}

.label-small {
  vertical-align: super;
  font-size: small;
}

.label-medium {
  vertical-align: super;
  font-size: medium;
}

.label-large {
  vertical-align: super;
  font-size: large;
}

.label-bs {
  vertical-align: super;
}