/* meenakshi css */
.loader {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(255,255,255,0.8);
	z-index: 999999999;
	padding: 0;
	text-align: center;
}
.loader img {
	width: 150px !important;
	height: 150px !important;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -75px 0 0 -75px;
}
.spnValid {
	color: #f81f47;
	display: block;
	float: left;
	width: 100%;
	margin: 0;
}
fieldset  { margin: 0; padding: 0; }


/****** Style Star Rating Widget *****/

.star-widget-rating {
	text-align: left;
	color: rgba(0,0,0, 0.87);
	font-weight: bold;
	font-size: 16px;
}
.star-widget-rating label {
	text-align: left;
	color: rgba(0,0,0, 0.87);
	font-weight: bold;
	font-size: 16px;
}
.rating { 
  border: none;
  float: left;
  margin-bottom: 0;
  
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #0072bc;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #2694db;  } 
.no-record {
	text-align: center;
	font-size: 20px;
	color: #222;
	padding: 80px 0;
}
#profile-popup .modal-body {
  padding: 30px;
}

.profile-upload-input {
  position: relative;
  width: 100%;
  margin: auto;
}

.profile-upload-input .form-control {
  height: 300px;
  cursor: pointer;
}

.profile-upload-text {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  text-align: center;
  padding: 60px 0;
  border-radius: 0 0 4px 4px;
  pointer-events: none;
  border: 2px dashed rgba(0,0,0,.2);
}

.profile-upload-text i {
  font-size: 122px;
  color: #0072bc;
  margin-bottom: 20px;
}

.profile-upload-text p {
  margin: 0;
  font-size: 22px;
}


.dsply-crop {
	background: #f4f4f4;
	margin: -30px;
}
.dsply-photo-div {
	padding: 30px;
}
.dsply-media {
	width: 300px;
	height: 300px;
	margin: auto;
}
.dsply-media img {
	width: 100%;
}

.forumPro-crop {
  background: #f4f4f4;
  margin: -30px;
  border-radius: 0;
  padding-top: 20px;
}

.crop-btns {
  overflow: hidden;
  border-top: 1px solid #ddd;
}

.crop-btns .btn {
  width: 50%;
  float: left;
  background: #fff;
  border: 0;
  border-radius: 0;
  padding: 0 20px;
  line-height: 50px;
  font-size: 16px;
0  border-radius: 0;
  transition: all 0.4s ease 0s;
}

.crop-btns .btn:first-child {
	border-right: 1px solid #ddd;
	border-radius: 0;
	color: #fff;
	background: #0072bc;
}

.crop-btns .btn:hover {
	//background: #f4f4f4;
}
.crop-btns .btn-btn-grey:hover {
	color: #333;
}
.edit_imagehd {
    height:100px;
    width:100px;
}
.bcknaira {
background-color:#ccc!important; }
/* end */
.typeahead.dropdown-menu {
	left: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: none;
}
	.typeahead { border: 0;border-radius: 4px;padding: 8px 12px;max-width: 100%;min-width: 100%;color: #FFF;}
	.tt-menu { width:300px; }
	ul.typeahead{margin:0px;padding:10px 0px;}
	ul.typeahead.dropdown-menu li a {
	padding: 10px !important;
	border-bottom: #ddd 1px solid;
	color: #777;
	background: #f4f4f4;
}
	ul.typeahead.dropdown-menu li:last-child a { border-bottom:0px !important; }
	.bgcolor {max-width: 550px;min-width: 290px;max-height:340px;background:url("world-contries.jpg") no-repeat center center;padding: 100px 10px 130px;border-radius:4px;text-align:center;margin:10px;}
	.demo-label {font-size:1.5em;color: #686868;font-weight: 500;color:#FFF;}
	ul.typeahead.dropdown-menu>.active>a, ul.typeahead.dropdown-menu>.active>a:focus, ul.typeahead.dropdown-menu>.active>a:hover {
		text-decoration: none;
		background-color: #00a651;
		outline: 0;
		color: #fff;
	}
	.starter-template {
  text-align: center;
  padding-bottom: 30px;
}

.starter-template .lead {
  font-size: 34px;
}

.starter-template .alert {
  display: inline-block;
  width: 200px;
  border-radius: 50%;
  height: 200px;
  margin: 0 auto;
  padding-top: 44px;
  border: 5px solid;
  margin-top: 29px;
}

.starter-template .lead .fa {
  width: 100%;
}

.lead-cancel {
  font-size: 25px;
  text-align: center;
  line-height: 28px;
  padding-top: 19px;
}

.lead-cancel .fa {
  width: 100%;
  padding-bottom: 10px;
}