/*
 * Title:   Custom Style File
 */

#myProgress {
  width: 100%;
  background-color: #ddd;
}

#personal_bar {
  width: 20%;
  height: 30px;
  background-color: #FDDA0D;
  text-align: center;
  line-height: 30px;
  color: white;
}

#academic_bar {
  width: 40%;
  height: 30px;
  background-color: #FDDA0D;
  text-align: center;
  line-height: 30px;
  color: white;
}

#employee_bar{
  width: 60%;
  height: 30px;
  background-color: #FDDA0D;
  text-align: center;
  line-height: 30px;
  color: white;
}

#referee_bar{
  width: 80%;
  height: 30px;
  background-color: #FDDA0D;
  text-align: center;
  line-height: 30px;
  color: white;
}


#full_bar{
  width: 100%;
  height: 30px;
  background-color: #32CD32;
  text-align: center;
  line-height: 30px;
  color: white;
}



#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;
}

.careerAds
{
    
    text-decoration:underline;
}

.careerTr
{
    font-size:14px;
}

.vacancyH1
{
    padding-top:305px;
}

.btncareer
{
    color: white;
    background: #2d3e52;
}

button.btncareer :hover
{
    color: white;
    background: #2d3e52;
}

.instruct{
    color: red;

}

.instruct1{
    color: red;
font-size:13px;
}

.fullnameNIC{
text-transform:uppercase;
}

.return:link, .return:visited {
  background-color: #258FDA !important;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.return:hover, .return:active {
  background-color: #1862F5 !important;
}