@charset "utf-8";
/*.table .form_group select {padding: 0 0px;font-size: 0.8rem;}*/
.table td form {margin: 0 0 0px;}
.submitForm form select option{color: #080808!important;}
input:focus:invalid:focus, 
textarea:focus:invalid:focus, 
select:focus:invalid:focus,
select:focus, 
input[type="text"]:focus, 
input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="checkbox"]:focus {
    border-color: #797979b3;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #3c3b3b73;
    box-shadow: 0 0 6px #3c3b3b73;
}
.onlyprintreceipt th, .onlyprintreceipt td {padding: 5px!important;line-height:14px!important;font-size: 14px;}
.nav-tabs > .active > a,
 .nav-tabs > .active > a:hover, 
 .nav-tabs > .active > a:focus,
 .nav-tabs > .active > a:active  {
    color: #555555;
    cursor: default;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.mandatory{color:#da1a1a!important;}
/* Page Preloder 24/05/2019 */
#propertyTransfer .headTitle {
    font-size: 18px;
}


.file-upload .file-select .file-select-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
main {
    min-height: 800px;
}
#preloder {
	
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 999999;
	background: #fff;
}

.loader1 {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	/*animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;*/
}

@keyframes loader1 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader1 {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

/*New loader*/
@-webkit-keyframes dot-keyframes {
  0% {
    opacity: .4;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
  }
  100% {
    opacity: .4;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes dot-keyframes {
  0% {
    opacity: .4;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
  }
  100% {
    opacity: .4;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
.loading-dots {
  text-align: center;
  width: 100%;
  position: fixed;
	z-index: 999999;
	background: transparent;
}
.loading-dots--dot {
  -webkit-animation: dot-keyframes 1.5s infinite ease-in-out;
          animation: dot-keyframes 1.5s infinite ease-in-out;
  background-color: #000;
  border-radius: 10px;
  display: inline-block;
  height: 10px;
  width: 10px;
}
.loading-dots--dot:nth-child(2) {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}
.loading-dots--dot:nth-child(3) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
/*Page Preloder 24/05/2019 */
.paymentrecipt label , .paymentrecipt span5 {font-size: 14px!important;}
.paymentrecipt .table th, .paymentrecipt.table td { padding: 4px!important;line-height: 10px!important;}
.table {
    font-size: 12px;
}
    
.table th {
    font-weight: normal!important;
}
.demo,
.demo a {
  margin: 4em 0;
  text-align: center;
}

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.NoAlignCenter{ text-align: center!important;}
.SerialNoCenter{ text-align: center!important;}
/* Moema */
.button {
	float: right;
	min-width: 126px;
	max-width: 250px;
	display: block;
	/*margin: 1em;*/
	padding: 1em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}
.button--size-s {
	font-size: 19px;
}
.button--border-thick {
	border: 1px solid #6c3483;
}
.button--moema {
	padding: 0.7em 0em;
	border-radius: 50px;
	background: #6c3483;
	color: #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
.button--moema.button--inverted {
	background: #ECEFF1;
	color: #37474f;
}
.button--moema::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	border-radius: 50px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
}
.button--moema:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	color: #ECEFF1;
	background-color: #3f51b5;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;
}
.button--moema.button--inverted:hover {
	color: #ECEFF1;
	background-color: #7986cb;
}
.button--moema:hover::before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
/* ********************** */

hr {
    margin: 2px 0px 20px!important;
    border-bottom: 1px solid #3c2e51;
}

/*New banner 17 Sept 2018*/
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	height: auto;
	width: 100%;
	border: 0;
}

.rslides {
	margin: 0 auto;
}

.rslides_container {
	position: relative;
	width: 100%;
}
.banner-img,
.banner-img.one,
.banner-img.two,
.banner-img.three {
	background: url('../../img/pune_municipality.jpg') no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	min-height: 710px;
}

/*.banner-img.one {
	background: url('../../img/pune_municipality.jpg') no-repeat 0px 0px;
}

.banner-img.two {
	background: url('../../img/login_back_page.jpg') no-repeat 0px 0px;
}

.banner-img.three {
	background: url('../../img/login_back_page-Copy.jpg') no-repeat 0px 0px;
}*/
.bs-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: url('../../img/dott.png')repeat 0px 0px;*/
    background-size: 2px;
    -webkit-background-size: 2px;
    -moz-background-size: 2px;
    -o-background-size: 2px;
    -ms-background-size: 2px;
}
.carousel-control {
	line-height: 42em;
}

.carousel-indicators li {
	display: inline-block;
	max-width: 20px;
	height: 19px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	margin: 0 8px;
}

.carousel-indicators .active {
	background: #1cbbb4;
}

.rslides-container .carousel-item  {
	height: 50em;
}
.centered-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	top: 50%;
	left: 0;
	opacity: 0.7;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 38px;
	/*background: transparent url('../../img/arrows.png') no-repeat left 50%;*/
	margin-top: -45px;
}

.centered-btns_nav:active {
	opacity: 1.0;
}

.centered-btns_nav.next {
	left: auto;
	background-position: right top;
	right: 0;
}

.transparent-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	top: 0;
	left: 0;
	display: block;
	background: #fff;
	/* Fix for IE6-9 */
	opacity: 0;
	filter: alpha(opacity=1);
	width: 48%;
	text-indent: -9999px;
	overflow: hidden;
	height: 91%;
}

.transparent-btns_nav.next {
	left: auto;
	right: 0;
}

.large-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	opacity: 0.6;
	text-indent: -9999px;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	/*background: url('../../img/arrows.png') no-repeat left 50%;*/
	width: 38px;
}

.large-btns_nav:active {
	opacity: 1.0;
}

.large-btns_nav.next {
	left: auto;
	background-position: right 50%;
	right: 0;
}

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
	outline: none;
}

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
	text-align: center;
	position: absolute;
	left: 47%;
	bottom: 3%;
	z-index: 9;
}

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
	display: inline;
	float: none;
	_float: left;
	*float: left;
	margin-right: 10px;
}

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
	text-indent: -9999px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	display: inline-block;
	_display: block;
	width: 12px;
	height: 12px;
}

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
	background: #ffc107;
}

  /*<!--New banner 17 Sept 2018*/

.span12 .submitForm{margin-left: 42px!important;}
/*----====defult_title =====----*/

/*--- btn 1 defult_btn ---*/

.defult_btn {
    background-color: #3c2e51;
    border-radius: 50px;
    padding: 10px 30px 10px 30px;
    margin-bottom: 20px;
    color: #fff;
    border: 2px solid #3c2e51;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
	transition:0.3s;
}
.defult_btn:hover{
    background-color: #fff;
    border-radius: 0px;
    letter-spacing: 3px;
    color: #3c2e51;
    border: 2px solid #3c2e51;
}

/*--- btn 2 defult_btn_2 ---*/
.defult_btn_2 {
	padding: 5px 10px;
    border-radius: 20px;
    font-size: 0.875rem;
    margin-right: 15px;
    color: #3c2e51;
    background-color: #fff;
    border: 2px solid #3c2e51;
    text-align: left;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-family: 'Open Sans', sans-serif;
}
.defult_btn_2:hover,
.defult_btn_2:focus{
    color: #fff;
    background-color: #3c2e51;
    border: 2px solid #3c2e51;
}


/*--- btn 3 defult_btn ---*/
.btn_defult_3 {
    background-color: #fff;
    border-radius: 50px;
    padding: 10px 30px 10px 30px;
    margin-bottom: 20px;
    color: #3c2e51;
    border: 2px solid #3c2e51;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
	transition:0.3s;
}
.btn_defult_3:hover,
.btn_defult_3:focus{
    background-color: #3c2e51;
    letter-spacing: 3px;
    color: #fff;
    border: 2px solid #3c2e51;
}

/*--- btn 4 btn_download ---*/
.btn_download {
    border-radius: 50px;
    padding: 10px 30px 10px 30px;
    margin-bottom: 20px;
    color: #fff;
    border: 2px solid #5bb75b;    
    background-color: #5bb75b;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
	transition:0.3s;
}
.btn_download:hover{
    background-color: #fff;
    color: #5bb75b;
    border: 2px solid #5bb75b;
}
body .btn.disabled, 
body .btn:disabled, 
body fieldset:disabled .btn {
    pointer-events: none;
    background-color: #2665a6;
    border-color: #2665a6;
}
body, .aui {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


.defult_title{
	width:100%;
	float:left;
	position:relative;
}
.defult_title::after{
    content: " ";
    width: 100%;
    float: left;
    height: 4px;
    background: #f1f1f1;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
}
.defult_title h4{
    font-family: 'Open Sans', sans-serif;
    color: #3c2e51;
    font-size: 1.5rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding: 0 10px 0 0;
    text-transform: uppercase;
    background: #fff;
    display: inline-block;
    z-index: 10;
    position: relative;	
}
.defult_title h4 span{
    font-weight: 600;
    color: #757575;	
}

.defult_title h4 img{
	margin-top:-6px;
	height:25px;
}

.defult_title a{
    font-family: 'Open Sans', sans-serif;
    color: #ffab00;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    display: inline-block;
    background: #fff;
    padding: 0 0 0 10px;
    float: right;
    z-index: 10;
    position: relative;
    line-height: 34px;
}
.defult_title a:hover{
	color:#3c2e51;
}
.defult_title a{
    font-family: 'Open Sans', sans-serif;
    color: #ffab00;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    display: inline-block;
    background: #fff;
    padding: 0 0 0 10px;
    float: right;
    z-index: 10;
    position: relative;
    line-height: 34px;
}
.defult_title a:hover{
	color:#3c2e51;
}

/*----defult_title_2 ----*/
.defult_title_2{
	width:100%;
	float:left;
	position:relative;
	margin-bottom:20px;
}
.defult_title_2::after{
    content: " ";
    width: 100%;
    float: left;
    height: 4px;
    background:#ececec;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
}
.defult_title_2 h4{
    font-family: 'Open Sans', sans-serif;
    color: #3c2e51;
    font-size: 1.5rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding: 0 10px 0 0;
    text-transform: uppercase;
    background: #F1F1F1;
    display: inline-block;
    z-index: 10;
    position: relative;	
}
.defult_title_2.chng h4{
    background: #eaeaea;
	}
.defult_title_2.chng::after{
	background-color:#fff;
	}
.defult_title_2 h4 span{
    font-weight: 600;
    color: #757575;	
}

.defult_title_2 h4 img{
	margin-top:-6px;
	height:25px;
}

.defult_title_2 a{
    font-family: 'Open Sans', sans-serif;
    color: #ffab00;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    display: inline-block;
    background: #fff;
    padding: 0 0 0 10px;
    float: right;
    z-index: 10;
    position: relative;
    line-height: 34px;
}
.defult_title_2 a:hover{
	color:#3c2e51;
}


.bannerArea h5.top_text{
    font-family: 'Open Sans', sans-serif;
    color: #060606;
    font-size: 1.0625rem;
    line-height: 36px;
    width: 50%;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    bottom: 25%;
    z-index: 50;
    left: 25%;
}
.bannerArea p.down_text{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 0.8125rem;
    line-height: 36px;
    font-weight: 400;
    width: 50%;
    display: inline-block;
    text-align: center;
    position: absolute;
    bottom: 6%;
    z-index: 50;
    left: 25%;
}

/*======= idea ========*/

.idea{
    padding: 35px 0 20px 0;
    width: 100%;
    float: left;
    background: #fff;
}
.idea_title{
	background-color:#3c2e51;
	border-radius:50px;
	padding:15px 10px 15px 30px;
	margin-bottom:20px;
	}
.idea_title h4{
	color:#fff;
	font-size: 1.5rem;
	text-transform:uppercase;
	word-spacing:2px;
	}
.idea_title span {
    border: 1px solid #000;
    border-radius: 50%;
    padding: 7px 10px;
    margin-top: -18px;
    background-color: #ffab00;
}
.idaes_sec .top_idae_title{
	width:100%;
	float:left;
	position:relative;
	}
.idaes_sec .top_idae_title::after{
    content: " ";
    width: 100%;
    float: left;
    height: 4px;
    background: #e1e1e1;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
}
.idaes_sec .top_idae_title h3{
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 1.5rem;
    line-height: normal;
    font-weight: 100;
    margin: 0;
    padding: 0 10px 0 0;
    text-transform: uppercase;
    background: #fff;
    display: inline-block;
    z-index: 10;
    position: relative;	
	}

.idaes_sec .top_idae_title_semi{
	position:relative;
	}
.idaes_sec .top_idae_title_semi h3{
    font-family: 'Open Sans', sans-serif;
    color: #767676;
    font-size: 1.5rem;
    line-height: normal;
    font-weight: 100;
    margin: 0;
    padding: 0 10px 0 0;
    text-transform: uppercase;
	}
.idaes_sec .top_idae_title_semi h3 span{
    font-family: 'Open Sans', sans-serif;
	color:#3c2e51;
	font-weight:bold;
	}
	
	
.idaes_sec .top_idae_title a{
    font-family: 'Open Sans', sans-serif;
    color: #ffab00;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    display: inline-block;
    background: #fff;
    padding: 0 0 0 10px;
    float: right;
    z-index: 10;
    position: relative;
    line-height: 34px;
	}

.idea_item{
	padding:40px 0px 0px 0;
	}
.idea_item .rating{
	text-transform:uppercase;
	font-size: 0.875rem;
    font-family: 'Open Sans', sans-serif;
	}
.idea_item .rating.green,
.idea_item .rating.green a.tagTxt{
	color:#80da93;
	}
.idea_item .rating.sky,
.idea_item .rating.sky a.tagTxt{
	color:#27a2f0;
	}
.idea_item .rating.orange,
.idea_item .rating.orange a.tagTxt{
	color:#f6592e;
	}
.idea_item .rating ul li{
	float:left;
	padding:0 0 0 5px;
	}
.idea_item .rating ul li.active i{
	color:#ffcc00;
	}
.idea_item .rating ul li.disabled i{
	color:#e3e3e3;
	}
.idea_item .idea_headding,
.idea_item .idea_headding a{
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    font-size: 1.125rem;
    line-height: normal;
    font-weight: 600;
    margin: 0;
    padding: 0 0 10px 0;
	}
.idea_item h4.describe{
    font-size: 0.875rem;
    color: #848484;
    font-weight: 400;
	}
.idea_item p.idae_post{
	color:#848484;
	font-size: 0.75rem;
    font-family: 'Open Sans', sans-serif;
	font-weight:100;
	margin-top:10px;
	}
.idea_item hr{
	border-top:none;
	border-bottom:1px solid #e4e4e4;
	}
.idea_item .idae_comment .user_details img{
	float:left;
	}
.idea_item .idae_comment .user_details ul{
	padding:3px 0px 0px 65px;
	}
.idea_item .idae_comment .user_details ul li{
	line-height:
	}
.idea_item .idae_comment .user_details ul li.fst{
	font-size: 0.75rem;
    font-family: 'Open Sans', sans-serif;
	color:#848484;
}
.idea_item .idae_comment .user_details ul li.scnd{
	font-size: 0.75rem;
    font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-weight: bold;
	color:#3f357c;
}
.idea_item .idae_comment .social ul,
.social ul{
	margin-top:8px;
	}
.idea_item .idae_comment .social ul li,
.social ul li{
	text-decoration:none;
	float:left;
	padding:0px 8px 0px 0px;
	}
.idea_item .idae_comment .social ul li a img,
.social ul li a img{
	height:20px;
	}
.idea_item .idae_comment .social ul li a sup,
.social ul li a sup{
    border-radius: 50%;
    padding: 5px;
	font-size: 0.625rem;
    font-family: 'Open Sans', sans-serif;
	font-weight: bold;
    margin-left: -10px;
    background-color: #e6e6e6;
    color: #3f357c;
	}
.idea_item .idae_comment .social_cap ul,
.social_cap ul{
	margin-top:10px;
	margin-left:10px;
	}
.idea_item .idae_comment .social_cap,
.social_cap{
	float:right;
	}
.idea_item .idae_comment .social_cap ul li,
.social_cap ul li{
	text-decoration:none;
	float:left;
	padding:0px 0px 0px 5px;
	font-size: 0.75rem;
    font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	}
.idea_item .idae_comment .social_cap ul li a,
.social_cap ul li a{
	color:#3f357c;
	}

/*----- bottom_Area -----*/
.idea_item .bottom_Area{
	width:100%;
	float:left;
	margin-bottom:-10px;
}
.idea_item .bottom_Area .shre{
	width:30%;
	float:left;
}
.idea_item .bottom_Area .postedOn{
	width:70%;
	float:left;
	text-align:right;	
}
.idea_item .bottom_Area .shre a{
    display: block;
    font-family: 'Open Sans', sans-serif;
    color: #848484;
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0;
    padding: 0 0 0px 0;
    text-transform: uppercase;
    line-height: 25px;	
}
.idea_item .bottom_Area .shre a i{
    width: 25px;
    height: 25px;
    float: left;
    margin: 0 5px 0 0;
    background: #e1e1e1;
    color: #fff;
    text-align: center;
    line-height: 25px;
}
.idea_item .bottom_Area .shre a:hover{
	color:#ffab00;
}
.idea_item .bottom_Area .shre a:hover i{
	background:#ffab00;
	color:#fff;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;	
}
.idea_item .bottom_Area .postedOn p{
    font-family: 'Open Sans', sans-serif;
    color: #848484;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0;
    margin: 0;
    line-height: 30px;
}
.idea_item .bottom_Area .postedOn p i{
	margin-right:5px;
}
.idea_item .bottom_Area .postedOn p span{
	color:#cecece;
}

.total_registerd{
    font-size: 0.75rem;
    margin: 12px 0 0 0;
	}
.volentr{
	margin-top:-15px;
	}
/*------ file uload position ------*/

.file-upload {
    height: 50px;
    border-radius: 5px;
    padding: 0 10px;
    padding-top: 13px;
    width: 100%;
    margin: 10px 0 0 0;
    border: 1px solid #696969;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-size: 1rem;
    background: #fff;
}
/*.file-upload .file-select {
    display: block;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}*/
.file-upload .file-select {
    /* display: block; */
    color: #34495e;
    cursor: pointer;
    height: 42px;
    /* line-height: 40px; */
    /* text-align: left; */
    background: #FFFFFF;
    /* overflow: hidden; */
    position: relative;
}
.file-upload .file-select .file-select-button {
    background: /*#9CAAC6*/ #979393 !important;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
	color:#fff;
	cursor: pointer;
}
.file-upload .file-select .file-select-button:hover {
/*border: 2px solid #a50d22;*/
    background-color: transparent;
    color: #ffffff;
}
.file-upload .file-select .file-select-name {
    line-height: 40px;
    display: inline-block;
    /* padding: 0 10px; */
    font-size: 12px;
}
/*.file-upload .file-select:hover {
    border-color: #34495e;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
.file-upload .file-select:hover .file-select-button {
    background: #34495e;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}*/
/*.file-upload.active .file-select {
    border-color: #3fa46a;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}*/
.file-upload.active .file-select .file-select-button {
    background: #3fa46a;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

/*.file-upload .file-select.file-select-disabled {
    opacity: 0.65;
}*/
/*.file-upload .file-select.file-select-disabled:hover {
    cursor: default;
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}*/
/*.file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}*/
/*.file-upload .file-select.file-select-disabled:hover .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}
*/

.btn-success{
    /* height: 60px;
    padding: 0 20px;
	margin:10px 0px 0 -39px; 
    border-radius: 30px;*//*1.25 Pradip & Comment*/
    font-size: 1rem;
}
.btn-danger{
    /* height: 60px;
    padding: 0 20px;
	margin:10px 0px 0 -39px; */
    border-radius: 30px;
    font-size: 1rem;/*1.25 Pradip & Comment*/
}

/*====== pagination ======*/
.pagination{
	border:1px solid #e4e4e4;
	border-left:none;
	border-right:none;
	padding:12px 0 8px 0;
	margin:40px 0 0 0;
	}
.pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
     -webkit-box-shadow:none; 
    -moz-box-shadow:none;
     box-shadow:none; 
}
.pagination ul > li > a, .pagination ul > li > span {
    float: left;
    padding: 4px 12px 5px 12px;
    line-height: 20px;
    margin: 0 5px;
    text-decoration: none;
    border: 2px solid #e4e4e4;
	background-color:#e4e4e4;
    border-radius: 5px;
	font-size: 0.875rem;
	color:#3c2e51;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus,
.pagination ul > .active > a, .pagination ul > .active > span {
    background-color: #f5f5f5;
    border: 2px solid #3c2e51;
}
.pagination ul > .active > a, .pagination ul > .active > span,
.pagination ul > .active > a:hover, .pagination ul > .active > span:hover,
.pagination ul > .active > a:focus, .pagination ul > .active > span:focus {
    color: #ffffff;
    background-color: #3c2e51;
    border: 2px solid #3c2e51;
}
.pagination ul > .disabled > span, .pagination ul > .disabled > a,
 .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
    color: #999999;
    cursor: default;
    background-color: #e4e4e4;
}


/*======== Ideation Submit Form ========*/



.left_sec .Ideation_backer {
 /*  background: url('../../img/login_back_page.jpg') no-repeat scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; */
}

.left_sec .Ideation_backer>.overlay {
  	background: rgba(255,255,255,0.6);
	padding:30px 100px;
}
.total_content .Ideation_backer>.overlay {
	    padding: 15px 0px 86px;
	    /*padding: 174px 0px 86px;*/
}

.total_content .Ideation_backer>.overlay.forForward{padding : 154px 42px;}
.total_content .Ideation_backer>.overlay.forinbox{padding : 187px 42px 396px;}
.total_content .Ideation_backer>.overlay.forWards{padding: 261px 42px;}
.total_content .Ideation_backer>.overlay.foreports{padding:249px 42px;}
.total_content .Ideation_backer>.overlay.forAUV{padding: 184px 42px;}
.total_content .Ideation_backer>.overlay.forMedia{padding: 196px 42px;}
.total_content .Ideation_backer>.overlay.forJsp{padding:187px 42px 373px;}

.total_content .Ideation_backer {
  /*background: url('../../img/login_back_page.jpg') no-repeat fixed; */
  /*background: url('../../img/updated-03.jpg') no-repeat fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
 
}

.separate{
	padding:50px 100px;
	}

.left_sec{
	width:60%;
	height:auto;
	float:left;
	}
.right_sec{
	width:40%;
	height:auto;
	float:left;
	padding:30px 20px 10px 20px;
	background-color:#fff;
	}

.right_sec .step{
	padding-bottom:30px;
	}
/*.right_sec .padding_none{
	padding:0;
	}*/
.padding_none{
	padding:0;
	}
.right_sec .idea_item .rating {
    font-size: 0.8125rem;
}
.right_sec .idea_item .idea_headding {
    font-size: 1rem;
    padding: 0 0 5px 0;
}
.right_sec .idea_item h4.describe {
    font-size: 0.75rem;
    color: #848484;
    font-weight: 400;
	margin:0;
}

.right_sec .idea_item p.idae_post {
    font-size: 0.75rem;
    margin: 12px 0 0 0;
}


.right_sec .idea_item hr {
	margin:10px 0;
}

.right_sec .idea_item {
    padding: 30px 0px 5px 0;
}

.right_sec {}

/*.form_group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
  }*/
  
.form_group {
    display: -ms-flexbox;
    /* display: flex; */
    -ms-flex: 0 0 auto;
    /* flex: 0 0 auto; */
    -ms-flex-flow: row wrap;
    /* flex-flow: row wrap; */
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;/*Pradip*/
    width: 100%;
}
.form_group label {
	margin-bottom:5px;
}
 
.form_cntrl {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.submitForm .form_describe{
	padding:20px 0 20px 0;
	}
.submitForm .form_describe p{
	color:#2c2c2c;
	font-size: 0.8125rem;
    font-family: 'Open Sans', sans-serif;
	font-style:normal;
	}
.submitForm form label{
	color:#000;
	/*font-size: 15px;*/
	text-transform:capitalize!important;
	/*font-weight:600;*/
	width:100%;
	cursor:default;
	margin-bottom: 5px;
}
.submitForm form label.control-label {
    /*min-height: 45px;*/
}	
.submitForm form input[type='text'],
.submitForm form input[type='number'],
.submitForm form input[type='password'],
.submitForm form input[type='email']{
	height:38px;
	/*border-radius:30px;*/
	/*padding:0 20px;*/
	/*margin:10px 0 0 0;*/
	/*margin:0px 0 0 0!important;
	border:1px solid #cccccc;*/
    font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-size: 1rem;
	}
.submitForm form select{
	appearance: none;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  background: url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 10px center;
	  background-size: 16px;
	  padding-right: 30px; /* Ensures space for the arrow */
	  height:38px;
	  border-radius:5px;
	  border:1px solid #cccccc;
	  font-size: 16px;

	}
.submitForm form input[type='file']{
	height:50px;
	border-radius:5px;
	padding:0 20px;
	padding-top:12px;
	width:100%;
	margin:10px 0 0 0;
	border:1px solid #696969;
	cursor:pointer;
    font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-size: 1rem;
	}
.submitForm form textarea{
	border-radius:5px;
	/*margin:10px 0 0 0;
	padding:20px;*/
	/*border:1px solid #696969;*/
	border: 1px solid #ced4da;
    font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-size: 1rem;
	}
.form_btn{
	padding:20px 0 0px 0;
	}
.form_btn button{
	margin-right:20px;
	}
.form_btn button:last-child{
	margin-right:0px;
	}
.form_btn .btn_reset{
	height:60px;
	padding:0 70px;
	border-radius:30px;
	font-size: 1.25rem;
	font-weight:600;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
    font-family: 'Open Sans', sans-serif;
	border:2px solid #3c2e51;
	background-color:#3c2e51;
	}
.form_btn .btn_reset:hover{
	background-color:#fff;
	border:2px solid #3c2e51;
	color:#3c2e51;
	}
.form_btn .btn_submit{
	height:60px;
	border-radius:30px;
	padding:0 140px;
	font-size: 1.25rem;
	font-weight:600;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
    font-family: 'Open Sans', sans-serif;
	border:2px solid #ffab00;
	background-color:#ffab00;
	}
.form_btn .btn_submit:hover{
	background-color:#fff;
	border:2px solid #ffab00;
	color:#ffab00;
	}
@media(max-width:767px){
.left_sec{
	width:100%;
	float:none;
	height:auto;
	}
.right_sec{
	width:100%;
	height:auto;
	float:none;
	}
.left_sec .Ideation_backer>.overlay {
	padding:20px;
}
}

/*========== Ideation Details ===========*/

.masthead {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.masthead>.overlay {
  padding:220px 0px 0px 0px;
  text-align: center;
  background: rgba(255,124,43,0.8);
  background: -webkit-linear-gradient(top, rgba(255,124,43,0.8) 0%, rgba(62,52,123,0.8) 100%);
}

/* fieldset{
	background-color:rgba(0, 0, 0, 0.7);
	color:#e3e3e3;
	position:relative;
	}
fieldset .btn_cross{
    position: absolute;
    top: 0;
    right: 0;
    border: 2px solid #fffefe;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 1.125rem;
    color: #ffffff;
    background-color: #000;
    margin-right: -10px;
    margin-top: 5px;
	}
legend{
    padding: 0;
    margin:-20px auto -20px;
    font-size: 1.3125rem;
    color: #ffffff;
    border: 0;
    width: 170px;
	border-radius:25px;
	text-transform:uppercase;
    font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#0dac3a;
    border:none;
	}*/
 .recycle{
	padding:20px 20px 10px 20px;
	margin-top:25px;
	z-index:9999;
	}
.recycle h3{
    font-family: 'Open Sans', sans-serif;
	font-size: 1.875rem;
	color:#fff;
	font-weight:600;
	margin-top:0;
	}
.recycle .user_rating{
	width:90px;
	margin:0 auto;
	}
.recycle .user_rating ul li{
	float:left;
	padding:0 5px 0 0;
	}
.recycle .user_rating ul li.active i{
	color:#ffcc00;
	}
.recycle .user_rating ul li.disabled i{
	color:#e3e3e3;
	}
.recycle hr{
	border-top:none;
	border-bottom:1px solid #656169;
	}


.post_smry .user_details img{
	float:left;
	}
.post_smry .user_details .usr_face{
	text-align:left;
	color:#fff;
	padding:8px 0px 0px 60px;
	}
.post_smry .user_details .usr_face li{
	line-height:16px;
	}
.post_smry .user_details .usr_face .fst{
	font-size: 0.75rem;
	color:#bcbbbb;
	}
.post_smry .user_details .usr_face .scnd{
	font-size: 0.8125rem;
	font-weight:600;
	color:#fff;
	}
	

.post_smry .user_details .pst_on{
	text-align:left;
	}
.post_smry .user_details .pst_on li{
	float:left;
	padding:22px 15px 0 0;
	color:#bcbbbb;
	font-size: 0.75rem;
    font-family: 'Open Sans', sans-serif;
	}
.post_smry .user_details .pst_on .clr{
	color:#fff;
	font-weight:600;
	}
.post_smry .user_details .pst_on li i{
	font-size: 1rem;
	color:#fff;
	}

.post_smry .user_details .social{
	float:right;
	margin-top:18px;
	}
.post_smry .user_details .social ul{
	margin-top:8px;
	}
.post_smry .user_details .social li{
	float:left;
	padding:0px 0px 0px 10px;
	}
.post_smry .user_details .social li a img{
	height:25px;
	}
.user_details .social li a sup{
    border-radius: 50%;
    padding: 2px 4px;
	font-size: 0.625rem;
	margin-left:-7px;
    font-family: 'Open Sans', sans-serif;
	font-weight: bold;
    background-color: #fff;
    color: #3f357c;
	}

.left_sec .details_area {
  	background: rgba(255,255,255,0.6);
	padding: 25px 50px 30px 0px;
}
.left_sec .details_area p{
    font-family: 'Open Sans', sans-serif;
	font-size: 0.8125rem;
	margin-bottom:30px;
	}
.left_sec .details_area h5{
	margin-bottom:0;
	}
.comment_box{
	padding:100px 0 30px 0;
	}
@media(max-width:768px){

.left_sec .details_area {
  	background: rgba(255,255,255,0.6);
	padding:25px 20px 30px 20px;
}
	}
.comment_box h5{
	border-bottom:2px solid #e6e8ed;
	padding-bottom:5px;
	color:#646b79;
	}
.comment_box h5 span.under{
	border-bottom:2px solid #137fd5;
	padding-bottom:5px;
	color:#000;
	}
.comment_box h5 button{
	background-color:transparent;
	border:none;
    font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	color:#646b79;
	}
.comment_box h5 .dropdown-menu{
	margin:-32px 0 0 -140px;
	}
	
	
.comment_box h4{
	color:#646b79;
	font-size: 0.875rem;
	}
.comment_box h4 .fa-heart-o{
	color:#ef6482;
	}
.comment_box h4 button{
	background-color:transparent;
	border:none;
    font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	color:#646b79;
	font-size: 0.8125rem;
	}
.comment_box h4 .dropdown-menu{
	margin:-32px 0 0 -140px;
	}
.comment_box h4 a{
	color:#646b79;
	padding:0 20px;
	}

.comment_box .form_cmnt_type p{
	text-transform:uppercase;
	color:#646b79;
	font-size: 0.75rem;
	font-weight:bold;
	margin:-20px 0 0 0;
	}
.comment_box .form_cmnt_type .cmnt_socil{
	margin-left:-5px;
	}
.comment_box .form_cmnt_type .cmnt_socil li{
	float:left;
	}
.comment_box .form_cmnt_type .cmnt_socil li img{
	height:35px;
	}
.cmnt_input p.foot_cmnt{
	margin-top:30px;
	text-align:center;
	}


.comment_box .form_cmnt_type .show_cmnt{
	position:relative;
	float:left;
	width:100%;
	}
.comment_box .show_cmnt_item{
	border:1px solid #fff;
	border-radius:5px;
	transition:0.5s;
	padding:5px;
	margin-bottom:10px;
	}
.comment_box .show_cmnt_item:hover{
	-webkit-box-shadow: 3px 4px 5px 0px rgba(217,217,217,1);
	-moz-box-shadow: 3px 4px 5px 0px rgba(217,217,217,1);
	box-shadow: 3px 4px 5px 0px rgba(217,217,217,1);
	border:1px solid #000;
	border-radius:5px;
	}
.comment_box .form_cmnt_type .show_cmnt:hover button.btn_cross{
	visibility:visible;
	}
.comment_box .form_cmnt_type .show_cmnt button.btn_cross{
    position: absolute;
    top: 0;
    right: 0;
    border: 2px solid #fffefe;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 1.125rem;
    color: #ffffff;
    background-color: #000;
    margin-right: -30px;
    margin-top: -15px;
	visibility:hidden;
	transition:0.5s;
	}
.comment_box .form_cmnt_type .show_cmnt h4{
	color:#D45147;
	margin:0;
	}
.comment_box .form_cmnt_type .show_cmnt h3{
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    font-size: 1.125rem;
    line-height: normal;
    font-weight: 600;
	}
.comment_box .form_cmnt_type .show_cmnt h5{
    font-family: 'Open Sans', sans-serif;
    color: #848484;
    font-size: 0.8125rem;
    line-height: normal;
    font-weight: 400;
	margin-top:0;
	border-bottom:none;
	}
.comment_box .form_cmnt_type .show_cmnt p{
    font-family: 'Open Sans', sans-serif;
    color: #848484;
    font-size: 0.8125rem;
    line-height: normal;
    font-weight: 400;
	margin-top:0;
	border-bottom:none;
	}
/*========  Trending Now Page ========*/

.trend_separate{
	width:50%;
	height:auto;
	float:left;
	border:1px solid red;
	padding:30px 20px 10px 20px;
	}

/*========  gis_content Page ========*/

.gis_content{
	padding:0 0 10px 0;
	}
.gis_content .gis_item{
	border:1px solid #3c2e51;
	text-align:center;
	margin-bottom:50px;
	transition:0.5s;
padding: 15px 10px;	
	}
.gis_content .gis_item:hover{
	background-color:#3c2e51;
	}
.gis_content .gis_item:hover h4{
	color:#fff;
	}
.gis_content .gis_item h4{
	color:#3c2e51;
	text-transform:uppercase;
	font-size: 0.875rem;
	}

/*-------- GIS Serices -------*/
.gis_search_area{
    width: 100%;
    float: left;
    background: #3c2e51;
    padding: 30px 0;
    z-index: 200;
    position: relative;
}
.gis_search_area .search_box_title{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.875rem;
	font-weight:500;
	text-transform:uppercase;
	color:#ffffff;
	margin-top:20px;
	}
.gis_search_area .search_box{
    width: 100%;
    float: left;
    /*margin-bottom: 20px;*/
    text-align: center;
    /*margin-top: -10px;*/
}
.gis_search_area .search_box .form-search{
	width: 100%;
     float: right; 
    position: relative;
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
}
.gis_search_area .search_box .form-search input.search-query{
    width: 100%;
    float: left;
    height: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    padding: 10px 60px 10px 30px;
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    font-size: 1.375rem;
    line-height: 30px;
    font-weight: 400;	
}
.gis_search_area .search_box .form-search a.btn{
    width: 45px;
    height: 45px;
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    background: #ffab00;
    text-align: center;
    position: absolute;
    right: 8px;
    top: 8px;
    border: none;
    padding: 12px;
}
.gis_search_area .search_box .form-search a.btn:hover{
	background:#3c2e51;
}

/*----- Serices content part -------*/
.gis_inner_content{
	width:100%;
	float:left;
	}
.gis_inner_content .left_side{
	width:30%;
	float:left;
	}
.gis_inner_content .right_side{
	width:70%;
	float:left;
	}
.gis_inner_content .separate{
	padding:0;
	}
.gis_inner_content .scroll_title{
	padding:20px;
	background-color:#26212B;
	width:100%;
	}
.gis_inner_content .scroll_title h4{
	color: #fff;
    font-weight: 500;
    font-size: 1.5rem;
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
	}
.gis_inner_content .scroll_title h4 img{
	width:40px;
	margin-top:-10px;
	}

.map_scroll_content{
	height: 520px;
	overflow-y: scroll;
}
.map_scroll_content .map_item{
	border:1px solid;
	padding:10px 20px;
	border-color:#fff #fff #CCC #fff;
	transition:0.3s;
	min-height:120px;
	}
.map_scroll_content .map_item h4{
    font-family: 'Open Sans', sans-serif;
	font-size: 1.0625rem;
	color:#010101;
	font-weight:500;
	line-height:15px;
	width:100%;
	}
.map_scroll_content .map_item p{
    font-family: 'Open Sans', sans-serif;
    color: #8c8c8c;
    display: inline-block;
    font-size: 0.8125rem;
	font-weight:100;
    line-height: 16px;
	width:100%;
	}
.map_scroll_content .map_item h5{
    font-family: 'Open Sans', sans-serif;
    color: #8c8c8c;
    display: inline-block;
    font-size: 0.8125rem;
	font-weight:100;
    line-height: 16px;
	margin:0;
	width:100%;
	}
	
.scroll_area_shadow{	
	-webkit-box-shadow: 3px 0px 28px -5px rgba(0,0,0,0.51);
	-moz-box-shadow: 3px 0px 28px -5px rgba(0,0,0,0.51);
	box-shadow: 3px 0px 28px -5px rgba(0,0,0,0.51);
	position:relative;
	z-index:100;
	}
.map_scroll_content::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 0px;
	background-color: #444444;
}
.map_scroll_content::-webkit-scrollbar{
	width: 8px;
	background-color: #2f2f2f;
}
.map_scroll_content::-webkit-scrollbar-thumb{
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #F7AF21;
}

.gis_inner_content .mu_map {
    display: inline;
    float: left;
    height: 600px;
    width: 100%;
    border: 1px solid #CCC;
}
.mu_map iframe {
    width: 100%;
    height: 100%;
}


/*========  Services Page ========*/
.div_padding{
	padding:30px;
	}

/*======== Login Page ===========*/

/************************* 12/09/2021 *********************/

/*======== Login Page ===========*/


.login_page {
/*  background: url('../../img/login_back_page.jpg') no-repeat center center fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  width:100%;
  height:auto;
  float:left;
  padding:204px 0 100px 0;
}
.login_form form label {
    color: #313131;
    font-size: 0.8125rem;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    cursor: default;
    /* padding: 0 0 0 20px; */
}
.login_form{
	border:1px solid #fff;
	background-color:#fff;
	border-radius:10px;
	padding:20px 100px;
    width: 100%;
    float: left;	
	}
	.log_pading {
padding: 30px 20px;
margin-left: 0 !important;
margin-top: 0 !important;
}

.login_form .log_title{
	text-align-last:center;
	padding:0 0 0 20px;
	}
.login_form .log_title h4{
	color:#6c3483;
	text-align:center;
	text-transform:capitalize;
	/* font-size: 1.5rem; */
	}
.login_form .log_title p{
	padding:10px 0 10px 20px;
	color: #6c6c6c;
    font-size: 13px;
	font-weight:600;
	}
.login_form form label{
	font-size: 13px;
	text-transform:capitalize;
	font-weight:600;
	width:100%;
	cursor:default;
	}
.login_form form .only label{
	text-transform:none;
	font-size: 0.8125rem;
	}

.login_form form .user_img{
	margin:0 auto;
	}
.login_form .back{
	text-align:center;
	color:#6c6c6c;
	}
.login_form .back a{
	color:#6c6c6c;
	padding-left:10px;
	}
.login_form form select{
	height:50px;
	border-radius:25px;
	padding:0 20px;
	margin:10px 0 0 0;
	border:1px solid #dfdfdf;
    font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-size: 0.9375rem;
color: #555555;
	font-weight:400;
	}
.login_form form input[type='text'],
.login_form form input[type='password'],
.login_form form input[type='number']
{
	height:50px;
	border-radius:5px;
	padding:0 20px;
	margin:10px 0 0 0;
	border:1px solid #dfdfdf;
    font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-size: 0.9375rem;
	color: #555555;
	font-weight:400;
	}
.login_form form input[type='text']::-webkit-input-placeholder { 
  	color: #6c6c6c;
	font-weight:600;
  	font-family: 'Open Sans', sans-serif;
}
.login_form form input[type='text']::-moz-placeholder {
  	color: #6c6c6c;
	font-weight:600;
  	font-family: 'Open Sans', sans-serif;
}
.login_form form input[type='text']:-moz-placeholder { 
  	color: #6c6c6c;
	font-weight:600;
  	font-family: 'Open Sans', sans-serif;
}
.login_form form input[type='text']:-ms-input-placeholder {
  	color: #6c6c6c;
	font-weight:600;
  	font-family: 'Open Sans', sans-serif;
}
.login_form form hr.or{
	border-top:1px solid #ececec;
	margin-bottom:-10px;
	}
.login_form form p.or{
	text-align:center;
	margin-top:-13px;
	}
.login_form form p.or font{
	background-color:#fff;
	color:#757575;
	font-weight:600;
	padding:0 5px;
  	font-family: 'Open Sans', sans-serif;
	}
.login_form form p.social{
	text-align:center;
	}
.login_form form p.social a{
	padding:0 5px;
	}
.login_form form p.social img{
	height:55px;
	}
.login_form form .frget h5{
	text-align:center;
	font-size: 11px;
    color: #6c6c6c;
	}
.login_form form .frget h5 a{
	text-align: center;
    font-size: 11px;
    color: #6c6c6c;
	}
.login_form form .frget h5 a span{
	font-size: 0.875rem;
	text-transform:uppercase;
	color:#6c3483;
	}
.login_form form .btn_login{
	height:50px;
	border-radius:5px;
	border:2px solid #3f357c;
	background-color:#3f357c;
	font-size: 1.125rem;
  	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	color:#fff;
	}
.login_form form .btn_login:hover{
	border:2px solid #3f357c;
	background-color:transparent;
	color:#3f357c;
	}
.login_form form .btn_submit{
	height:50px;
	border-radius:25px;
	border:2px solid #e4e4e4;
	background-color:#e4e4e4;
	font-size: 1.125rem;
  	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	color:#444444;
	}
.login_form form .btn_submit:hover{
	border:2px solid #444444;
	background-color:transparent;
	color:#444444;
	}
	
.login_form .MobileNumberArea{
	width:100%;
	float:left;
	position:relative;
}
.login_form .MobileNumberArea a.Otp{
    position: absolute;
    right: 6px;
    top: 15px;
    line-height: 20px;
    padding: 10px 20px;
    font-size: 0.875rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background: #6c3483;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}
.login_form .MobileNumberArea a.Otp:hover{
	background:#3f357c;
}
/* .login_page {
  background: url('../../img/login_back_page.jpg') no-repeat center center fixed;
  background: 
    linear-gradient(
     #6c348347, #7c4f35c7
    ),
    url('../../img/white.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  width:100%;
  height:auto;
  float:left;
padding: 91px 0 0px 0padding: 91px 0 125px 0;
}

.login_form{
	border:1px solid #fff;
	background-color:#fff;
	border-radius:10px;
	padding:20px 100px;
    width: 100%;
    float: left;	
	}
.log_pading{
	padding:0 50px;
	}
.login_form .log_title{
	text-align-last:center;
	padding:0 0 0 20px;
	}
.login_form .log_title h4{
	color:#6c3483;
	text-align:center;
	text-transform:capitalize;
	font-size: 1.5rem;
	}
.login_form .log_title p{
	padding:10px 0 10px 20px;
	color: #6c6c6c;
    font-size: 13px;
	font-weight:600;
	}
.login_form form label{
	font-size: 13px;
	text-transform:capitalize;
	font-weight:600;
	width:100%;
	cursor:default;
	}
.login_form form .only label{
	text-transform:none;
	font-size: 0.8125rem;
	}

.login_form form .user_img{
	margin:0 auto;
	}
.login_form .back{
	text-align:center;
	color:#6c6c6c;
	}
.login_form .back a{
	color:#6c6c6c;
	padding-left:10px;
	}
.login_form form select{
	height:50px;
	border-radius:25px;
	padding:0 20px;
	margin:10px 0 0 0;
	border:1px solid #dfdfdf;
    font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-size: 0.9375rem;
color: #555555;
	font-weight:400;
	}
.login_form form input[type='text'],
.login_form form input[type='password'],
.login_form form input[type='number']
{
	height:50px;
	border-radius:5px;
	padding:0 20px;
	margin:10px 0 0 0;
	border:1px solid #dfdfdf;
    font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-size: 0.9375rem;
	color: #555555;
	font-weight:400;
	}
.login_form form input[type='text']::-webkit-input-placeholder { 
  	color: #6c6c6c;
	font-weight:600;
  	font-family: 'Open Sans', sans-serif;
}
.login_form form input[type='text']::-moz-placeholder {
  	color: #6c6c6c;
	font-weight:600;
  	font-family: 'Open Sans', sans-serif;
}
.login_form form input[type='text']:-moz-placeholder { 
  	color: #6c6c6c;
	font-weight:600;
  	font-family: 'Open Sans', sans-serif;
}
.login_form form input[type='text']:-ms-input-placeholder {
  	color: #6c6c6c;
	font-weight:600;
  	font-family: 'Open Sans', sans-serif;
}
.login_form form hr.or{
	border-top:1px solid #ececec;
	margin-bottom:-10px;
	}
.login_form form p.or{
	text-align:center;
	margin-top:-13px;
	}
.login_form form p.or font{
	background-color:#fff;
	color:#757575;
	font-weight:600;
	padding:0 5px;
  	font-family: 'Open Sans', sans-serif;
	}
.login_form form p.social{
	text-align:center;
	}
.login_form form p.social a{
	padding:0 5px;
	}
.login_form form p.social img{
	height:55px;
	}
.login_form form .frget h5{
	text-align:center;
	font-size: 11px;
    color: #6c6c6c;
	}
.login_form form .frget h5 a{
	text-align: center;
    font-size: 11px;
    color: #6c6c6c;
	}
.login_form form .frget h5 a span{
	font-size: 0.875rem;
	text-transform:uppercase;
	color:#6c3483;
	}
.login_form form .btn_login{
	height:50px;
	border-radius:5px;
	border:2px solid #3f357c;
	background-color:#3f357c;
	font-size: 1.125rem;
  	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	color:#fff;
	}
.login_form form .btn_login:hover{
	border:2px solid #3f357c;
	background-color:transparent;
	color:#3f357c;
	}
.login_form form .btn_submit{
	height:50px;
	border-radius:25px;
	border:2px solid #e4e4e4;
	background-color:#e4e4e4;
	font-size: 1.125rem;
  	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	color:#444444;
	}
.login_form form .btn_submit:hover{
	border:2px solid #444444;
	background-color:transparent;
	color:#444444;
	}
	
.login_form .MobileNumberArea{
	width:100%;
	float:left;
	position:relative;
}
.login_form .MobileNumberArea a.Otp{
    position: absolute;
    right: 6px;
    top: 15px;
    line-height: 20px;
    padding: 10px 20px;
    font-size: 0.875rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background: #6c3483;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}
.login_form .MobileNumberArea a.Otp:hover{
	background:#3f357c;
}
 */
/*============= post_login_home_page ===============*/



.activiti{
	width:100%;
	float:left;
	padding:20px 0;
}
.activiti .header{
	width:100%;
	float:left;
	position:relative;
}
.activiti .header::after{
    content: " ";
    width: 100%;
    float: left;
    height: 4px;
    background: #f1f1f1;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
}
.activiti .header h4{
    font-family: 'Open Sans', sans-serif;
    color: #3c2e51;
    font-size: 1.5rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding: 0 10px 0 0;
    text-transform: uppercase;
    background: #fff;
    display: inline-block;
    z-index: 10;
    position: relative;	
}
.activiti .header h4 span{
    font-weight: 600;
    color: #757575;	
}
.activiti .header a{
    font-family: 'Open Sans', sans-serif;
    color: #ffab00;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    display: inline-block;
    background: #fff;
    padding: 0 0 0 10px;
    float: right;
    z-index: 10;
    position: relative;
    line-height: 34px;
}
.activiti .header a:hover{
	color:#3c2e51;
}
.activiti .activiti_area{
	width:100%;
	float:left;
	padding:30px 0;
}
.activiti .activiti_area li{
    width: 100%;
    float: left;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #e1e1e1;
}
.activiti .activiti_area li:last-child{
	border:none;
}
.activiti .activiti_area li .TopTagArea{
	width:100%;
	float:left;
}
.activiti .activiti_area li .TopTagArea i{
	width:40px;
	height:40px;
	display:inline-block;
	margin-right:10px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;		
	border-radius:50px;
}
.activiti .activiti_area li .TopTagArea h4{
font-family: 'Open Sans', sans-serif;
    color: #3c2e51;
    font-size: 0.875rem;
    /* line-height: normal; */
    font-weight: 600;
    margin: 0;
    padding: 0 0px 0 0;
    text-transform: uppercase;
    display: inline-block;
    line-height: 40px;
    /* float: left; */
    vertical-align: top;	
}
.activiti .activiti_area li .TopTagArea.icon1 h4{
	color:#1684ff;
}
.activiti .activiti_area li .TopTagArea.icon2 h4{
	color:#d66235;
}
.activiti .activiti_area li .TopTagArea.icon1 i{
	border:1px solid #1684ff;
}
.activiti .activiti_area li .TopTagArea.icon2 i{
	border:1px solid #d66235;
}
.activiti .activiti_area li .descriptionArea{
	width:100%;
	float:left;
    padding: 10px 0;	
}
.activiti .activiti_area li .descriptionArea h4,
.activiti .activiti_area li .descriptionArea p{
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    font-size: 1.125rem;
    line-height: normal;
    font-weight: 600;
    margin: 0;
    padding: 0 0 10px 0;	
}
.activiti .activiti_area li .descriptionArea p{
    font-size: 0.875rem;
	color:#848484;
	font-weight:400;	
}
.activiti .bottomArea{
	width:100%;
	float:left;
}
.activiti .bottomArea .shre{
	width:30%;
	float:left;
}
.activiti .bottomArea .postedOn{
	width:70%;
	float:left;
	text-align:right;	
}
.activiti .bottomArea .shre a{
    display: block;
    font-family: 'Open Sans', sans-serif;
    color: #848484;
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0;
    padding: 0 0 0px 0;
    text-transform: uppercase;
    line-height: 25px;	
}
.activiti .bottomArea .shre a i{
    width: 25px;
    height: 25px;
    float: left;
    margin: 0 5px 0 0;
    background: #e1e1e1;
    color: #fff;
    text-align: center;
    line-height: 25px;
}
.activiti .bottomArea .shre a:hover{
	color:#ffab00;
}
.activiti .bottomArea .shre a:hover i{
	background:#ffab00;
	color:#fff;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;	
}
.activiti .bottomArea .postedOn p{
    font-family: 'Open Sans', sans-serif;
    color: #848484;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0;
    margin: 0;
    line-height: 30px;
}
.activiti .bottomArea .postedOn p i{
	margin-right:5px;
}
.activiti .bottomArea .postedOn p span{
	color:#cecece;
}


/*------ trending sec -------*/

.trending{
	width:100%;
	float:left;
	padding:20px 0;
}
.trending .header{
	width:100%;
	float:left;
	position:relative;
}
.trending .header::after{
    content: " ";
    width: 100%;
    float: left;
    height: 4px;
    background: #f1f1f1;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
}
.trending .header h4{
    font-family: 'Open Sans', sans-serif;
    color: #3c2e51;
    font-size: 1.5rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding: 0 10px 0 0;
    text-transform: uppercase;
    background: #fff;
    display: inline-block;
    z-index: 10;
    position: relative;	
}
.trending .header h4 span{
    font-weight: 600;
    color: #757575;	
}

.trending .header a{
    font-family: 'Open Sans', sans-serif;
    color: #ffab00;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    display: inline-block;
    background: #fff;
    padding: 0 0 0 10px;
    float: right;
    z-index: 10;
    position: relative;
    line-height: 34px;
}
.trending .header a:hover{
	color:#3c2e51;
}
.trending_area{
	padding:20px 0;
	float:left;
	}
.btn_trd{
    display: inline-block;
	background-color:#efefef;
	border:2px solid #efefef;
	border-radius:100px;
	padding:4px 6px 3px 15px;
    font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	font-size: 1rem;
	color:#3f3f3f;
	text-transform:uppercase;
	margin-right:20px;
	margin-bottom:20px;
	}
.btn_trd:hover,
.btn_trd:focus{
	border:2px solid #3c2e51;
	color:#3f3f3f;
	}
.btn_trd span i{
	margin-left:20px;
	margin-bottom:-10px;
	font-size: 1.25rem;
	}
.btn_trd.color1 i{
	color:#3991e3;
	}
.btn_trd.color2 i{
	color:#51abff;
	}
.btn_trd.color3 i{
	color:#ea5b24;
	}
.btn_trd.color4 i{
	color:#ffca12;
	}
.btn_trd.color5 i{
	color:#ff592d;
	}
.btn_trd.color6 i{
	color:#0ce55d;
	}
.btn_trd.color7 i{
	color:#ff7d26;
	}
.btn_trd.color8 i{
	color:#3991e3;
	}
.btn_trd.color9 i{
	color:#0eda3e;
	}
.btn_trd.color10 i{
	color:#ffb517;
	}
.btn_trd.color11 i{
	color:#bb82d9;
	}
	
	
/*===== Highlight profile ======*/

.highlight_pro{
	width:100%;
	float:left;
    padding: 10px 0 100px;	
}
.highlight_pro .header{
	width:100%;
	float:left;
    margin-bottom: 20px;	
}
.highlight_pro .header .HeaderText{
	width:60%;
	float:left;
}
.highlight_pro .header .HeaderText h4{
    font-family: 'Open Sans', sans-serif;
    color: #3c2e51;
    font-size: 1.5rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;	
}
.highlight_pro .header .HeaderText h4 span{
	font-weight:600;
	color:#757575;
}

.highlight_pro .highlight_contnt{
	width:100%;
	float:left;
}
.hignlit_item{
	min-height:314px;
    width: 100%;
    float: left;	
}
	
.hignlit_item .backer{
	width:100%;
	float:left;
}	
.hignlit_item .backer img{
	width:100%;
	float:left;
}
.hignlit_item .icn img{
	margin:-60px auto -30px;
	}
.hignlit_item .zist{
	background-color:#3c2e51;
	margin-top:-20px;
	height:170px;
	padding:50px 10px 10px 10px;
	color:#fff;
	}
.hignlit_item .zist h4{
	font-size: 1.125rem;
	text-transform:uppercase;
    font-family: 'Open Sans', sans-serif;
	font-weight:600;
	color:#fff;
	text-align:center;
	}
.hignlit_item .zist h2{
	text-transform:uppercase;
    font-family: 'Open Sans', sans-serif;
	font-weight:600;
	color:#ffab00;
	text-align:center;
	}
.hignlit_item .zist h5{
	font-size: 0.875rem;
    font-family: 'Open Sans', sans-serif;
	font-weight:100;
	color:#fff;
	text-align:right;
	}
.hignlit_item .zist h5 i{
	margin-right:5px;
	color:#ffab00;
	}
.hignlit_item .zist p{
	font-size: 0.75rem;
    font-family: 'Open Sans', sans-serif;
	color:#fff;
	text-align:right;
	line-height:0px;
	}
.spealise_item{
	height:314px;
	background-color:#312741;
	color:#fff;
	padding:18px;
	}
.spealise_item p span{
	font-size: 0.875rem;
    font-family: 'Open Sans', sans-serif;
	color:#fff;
	padding:0 0 0 10px;
	font-weight:600;
	text-transform:uppercase;
	}
.spealise_item button{
	font-size: 1.375rem;
    font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	width:90px;
	height:38px;
	border:none;
	color:#fff;
	cursor:default;
	}
.spealise_item button.clr1{
	background-color:#ffb912;
	}
.spealise_item button.clr2{
	background-color:#f57d20;
	}
.spealise_item button.clr3{
	background-color:#bf1e2e;
	}
.spealise_item button.clr4{
	background-color:#6aa21d;
	}
.spealise_item button.clr5{
	background-color:#25aae1;
	}
.spealise_item button.clr6{
	background-color:#20409a;
	}
	
/*========== preferance area ==========*/
.preferance_content .preferance_item{
	background-color:#2f2f2f;
	margin-bottom:40px;
	}
.preferance_content .preferance_item .backer img{
	width:100%;
}	
.preferance_content .preferance_item .icn{
	margin:-65px 0;
	}
.preferance_content .preferance_item .zist{
	padding:75px 20px 20px 20px;
	}
.preferance_content .preferance_item .zist h4{
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	font-size: 1.375rem;
    margin: 10px 0 20px;	
	}
.preferance_content .preferance_item .zist .scrollbar{
	margin-top:30px;
	}
.preferance_content .preferance_item .zist .scrollbar label,
.preferance_content .preferance_item .zist label{
	color:#fff;
	font-size: 0.875rem;
	font-weight:400;
	margin-bottom:10px;
	}
.preferance_content .preferance_item .zist .scrollbar label input[type='checkbox'],
.preferance_content .preferance_item .zist label input[type='checkbox']{
	margin-top:0px;
	margin-right:20px;
	}
.scrollbar{
	height: 250px;
	overflow-y: scroll;
	margin-bottom: 25px;
}
.scrollbar::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #444444;
}
.scrollbar::-webkit-scrollbar{
	width: 8px;
	background-color: #2f2f2f;
}
.scrollbar::-webkit-scrollbar-thumb{
	border-radius: 8px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #fff;
}

/*========= Follow toggle form ========*/
.collapse_togle{
	width:100%;
	}
.toggle_form{
	width:330px;
	float:right;
	}
.toggle_form p{
	font-size: 1rem;
	font-weight:500;
	}
.toggle_form textarea{
	background:transparent;
	color:#fff;
	border:2px solid #fff;
	border-radius:0px;
	margin-top:10px;
	}
.toggle_form button{
	background-color:#fff;
	border:2px solid #fff;
	color:#402F52;
	text-transform:uppercase;
	float:right;
	font-weight:600;
	letter-spacing:2px;
	font-style:normal;
	padding:5px 20px;
	}
.toggle_form button:hover,
.toggle_form button:focus{
	background:transparent;
	border:2px solid #fff;
	color:#fff;
	}
	
/*========= Notification area ========*/

.notificate{
	padding:30px 0 10px 0;
	background:#f1f1f1;
	margin-top:-50px;
	}
.notify_item{
	padding:0 20px;
	min-height:180px;
	border-radius:5px;
	background-color:#ffffff;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(217,217,217,1);
	-moz-box-shadow: 3px 4px 5px 0px rgba(217,217,217,1);
	box-shadow: 3px 4px 5px 0px rgba(217,217,217,1);
	transition:0.3s;
	margin-bottom:40px;
	}
	
/*-- item-color 1--*/
.notify_item.item_color1 {
	border-left:6px solid #f8c119;
}
.notify_item.item_color1 i{
	color:#f8c119;
	border:1px solid #f8c119;
}
	
/*-- item-color 2--*/
.notify_item.item_color2 {
	border-left:6px solid #64c84d;
}
.notify_item.item_color2 i{
	color:#64c84d;
	border:1px solid #64c84d;
}
	
/*-- item-color 3--*/
.notify_item.item_color3 {
	border-left:6px solid #fd803c;
}
.notify_item.item_color3 i{
	color:#fd803c;
	border:1px solid #fd803c;
}
	
/*-- item-color 4--*/
.notify_item.item_color4 {
	border-left:6px solid #458fff;
}
.notify_item.item_color4 i{
	color:#458fff;
	border:1px solid #458fff;
}
	
/*-- item-color 5--*/
.notify_item.item_color5 {
	border-left:6px solid #e8901d;
}
.notify_item.item_color5 i{
	color:#e8901d;
	border:1px solid #e8901d;
}
/*--------*/

.notify_item:hover{
	border-left:6px solid #402F52;
	border-top:1px solid #402F52;
	border-right:1px solid #402F52;
	border-bottom:1px solid #402F52;
	-webkit-box-shadow: none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.notify_item:hover i{
	}

.notify_item h3{
	font-size: 1.125rem;
	font-weight:bold;
	font-style:normal;
	color:#2c2c2c;
	}
.notify_item h3 i{
	border:1px solid #f8c119;
	border-radius:50%;
	padding:5px;
	}
.notify_item h5{
	font-size: 0.875rem;
	font-weight:100;
	font-style:normal;
	color:#848484;
	margin-top:15px;
	}
.notify_item p{
	font-size: 0.75rem;
	font-weight:100;
	font-style:normal;
	color:#565656;
	margin-top:20px;
	}
	
/*================ My_profile  ============*/

.My_profile{
	width:100%;
	float:left;
    padding: 0px 100px 50px;
	}
.My_profile .my_profile_content{
	padding:30px 0 30px 0;
	}
.My_profile .my_profile_content .pro_user_img img{
	height:150px;
	border-radius:3px;
	border:2px solid #402F52;
	padding:2px;
	}
.my_profile_content .pro_user_cntent h4{
	font-size: 1.5rem;
	font-weight:400;
	}
.my_profile_content .pro_user_cntent p{
	font-weight:400;
	font-size: 0.875rem;
	color:#595959;
	}
/*============ Modal ==========*/
/*.my_modal_style {
    position: fixed;
    top: 10%;
    left: 58%;
    z-index: 1050;
    width: 380px;
    margin-left: -290px;
	text-align:center;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 0px;
    outline: none;
}
.my_modal_style .modal-body h3{
    text-transform: uppercase;
    font-weight: 100;
    font-size: 1.375rem;
}
.my_modal_style .modal-body p{
    font-weight: 100;
    font-size: 1rem;
}*/

.my_modal_style {
    position: fixed;
    top: 10%;
    z-index: 1050;
    left: 24%;
    width: 55%;
    margin-left:0px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 10px;
    outline: none;
}
.my_modal_style .modal-body h3 {
    text-transform: uppercase;
    font-size: 1.375rem;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
	color:#ffab00;
}
.my_modal_style .modal-body h3 span{
	font-size: 0.875rem;
	color:#3c2e50;
}
.my_modal_style .modal-body p {
    font-size: 0.875rem;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;	
}

.my_modal_style .modal-body .close{
    float: right;
    font-size: 1.175rem;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 1.0;
	margin-top:-10px;
	margin-right:-10px;
	border: 2px solid;/*Pradip*/
    border-radius: 50%;
    width: 25px;
    height: 25px;
}
@media(max-width:992px){
	.my_modal_style {
    left: 60%;
    z-index: 1050;
    width: 380px;
    margin-left: -280px;
	}
}
@media(max-width:560px){
	.my_modal_style {
    left: 68%;
    z-index: 1050;
    width: 380px;
    margin-left: -280px;
	}
}
@media(max-width:360px){
	.my_modal_style {
    left: 82%;
    z-index: 1050;
    width: 100%;
    margin-left: -280px;
	}
}
/*============= community details  ============*/
.community_sec_area {
	padding:20px 0 20px 0;
	float:left;
	width:100%;
	}
.community_sec_area .poll_item{
	background-color:#ededed;
	height:190px;
	position:relative;
	padding:10px;
	width:100%;
	float:left;
	margin-bottom:20px;
	}
.community_sec_area .poll_item h4{
	font-size: 0.875rem;
	font-style:normal;
	font-weight:600;
	line-height:18px;
	margin-top:0px;
	height:60px;
	}
.community_sec_area .poll_item .middle_part{
	height:85px;
	text-align:center;
	}
.community_sec_area .poll_item .middle_part .btn-group{
	margin-top:5px;
	}
.community_sec_area .poll_item .middle_part .btn-group button{
	height:50px;
	width:85px;
	border:none;
	color:#fff;
	cursor:default;
	font-size: 0.875rem;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	}
.community_sec_area .poll_item .middle_part .btn-group button.yes{
	background-color:#42a22b;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
	}
.community_sec_area .poll_item .middle_part .btn-group button.no{
	background-color:#f03f2c;
	}
.community_sec_area .poll_item .middle_part .btn-group button.maybe{
	background-color:#ffab00;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
	}
.community_sec_area .poll_item .middle_part img{
	margin:0 auto;
	height:65px;
	}
.community_sec_area .poll_item p{
	font-size: 0.625rem;
	}
.community_sec_area .poll_item p i{
	font-size: 0.875rem;
	}
.community_sec_area .poll_item p sup{
	font-size: 0.625rem;
	margin-right:10px;
	}
.community_sec_area .poll_item img.botton_right_backer{
	position:absolute;
	bottom:0;
	right:0;
	opacity:0.2;
	}

.community_details_area p{
    font-family: 'Open Sans', sans-serif;
	font-size: 0.8125rem;
	margin-bottom:30px;
	}
.community_details_area h5{
	margin-bottom:0;
	}

.cmunity_btn_area{
	width:100%;
	float:left;
	padding:20px 0 0 0;
	}
.cmunity_btn_area a{
	background-color: #3c2e51;
    border-radius: 50px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 20px;
    color: #fff;
    border: 2px solid #3c2e51;
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    letter-spacing: 1px;
	}
.cmunity_btn_area a span{
	float:right;
	background-color:#F1B936;
	border-radius:5px;
    font-size: 1rem;
	color:#3c2e51;
	padding:0 5px 0 5px;
	}
.cmunity_btn_area a:hover,
.cmunity_btn_area a:focus{
	background-color: #fff;
    color: #3c2e51;
    border: 2px solid #3c2e51;
	}
.cmnitty_details_area_btn_grp{
	text-align:center;
	float:left;
	width:100%;
    margin-bottom: 30px;
    margin-top: 30px;
	}
.cmnitty_details_area_btn_grp button{
    border-radius: 20px;
	margin:0 10px;
    padding: 10px 10px 10px 10px;
	text-align:center;
    color: #3c2e51;
    border: 2px solid #F1B936;
	background-color: #F1B936;
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
	height:100px;
	}
.cmnitty_details_area_btn_grp button{
	width:25%;
	}
.cmnitty_details_area_btn_grp button:hover{
	background-color: #fff;
    color: #3c2e51;
    border: 2px solid #F1B936;
	}

/*----- Discussion_item --------*/
.community_sec_area .Discussion_item{
	background-color:#ededed;
	height:190px;
	margin-bottom:20px;
	border-radius:5px;
	}
.community_sec_area .Discussion_item .head{
	background-color:#d1d1d1;
	width:100%;
	float:left;
	padding:10px;
	border-radius:5px;
	}
.community_sec_area .Discussion_item .head .left{
	width:20%;
	float:left;
	}
.community_sec_area .Discussion_item .head .right{
	width:80%;
	float:left;
	}
.community_sec_area .Discussion_item .head .right h4{
	font-size: 0.8125rem;
	margin:0px;
	line-height:15px;
	font-style:normal;
	font-weight:600;
	color:#000;
	}
.community_sec_area .Discussion_item .head p.cornr_status{
	text-align:right;
	margin:0;
	font-weight:bold;
	font-size: 0.75rem;
	}
.community_sec_area .Discussion_item .head p.cornr_status img{
	height:14px;
	margin-top:-3px;
	}
.community_sec_area .Discussion_item .user_line{
	position:relative;
	width:100%;
	float:left;
	position:relative;
	}
.community_sec_area .Discussion_item .user_line ul{
	position:absolute;
	left:10%;
	top:15px;
	}
.community_sec_area .Discussion_item .user_line ul li{
	float:left;
	margin-left:-15px;
	}
.community_sec_area .Discussion_item .user_line ul li img{
	height:60px;
	}
.community_sec_area .Discussion_item .user_line ul li.status{
	border:1px solid black;
	height:60px;
	width:60px;
	border-radius:50%;
	background-color:#549ece;
	text-align:center;
	padding:6px 4px 1px 2px;
	}
.community_sec_area .Discussion_item .user_line ul li.status img{
	height:25px;
	margin:0 auto;
	}
.community_sec_area .Discussion_item .user_line ul li.status p{
	color:#000;
	font-size: 1rem;
	font-weight:700;
	}
	
/*----- Volunteer_item  -------*/

.community_sec_area .Volunteer_item{
	background-color:#ededed;
	margin-bottom:20px;
	border-radius:5px;
	width:100%;
	float:left;
	}
.community_sec_area .Volunteer_item .head{
	background-color:#ededed;
	width:100%;
	float:left;
	padding:10px;
	border-radius:5px;
	}
.community_sec_area .Volunteer_item .head .left{
	width:25%;
	float:left;
	}
.community_sec_area .Volunteer_item .head .right{
	width:75%;
	float:left;
	}
.community_sec_area .Volunteer_item .head .right h4{
    font-size: 0.75rem;
    margin: 7px 0 0 0;
    line-height: 15px;
    font-style: normal;
    font-weight: 700;
    color: #000;
	}
.community_sec_area .Volunteer_item .pic_body img{
	width:100%;
	}

/*---- members_box -------*/
.members_box{
	width:100%;
	float:left;
	}
.members_title{
    background-color: #f9b529;
    padding: 1px 10px;
    width: 100%;
    float: left;
    border-radius: 10px 10px 0 0;
	}
.members_title h4{
	color:#3c2e51;
	font-size: 1.125rem;
	text-transform:uppercase;
	}
.members_box .members_area{
	padding:15px;
	width:100%;
	background-color:#ebebeb;
	float:left;
	}
.members_box .members_area ul{
	width:100%;
	float:left;
	}
.members_box .members_area ul li{
	width:33.33%;
	text-align:center;
	float:left;
	}
.members_box .members_area ul li img{
	height:60px;
	}
.members_box .members_area ul li p{
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 15px;
    color: #000;
    margin-top: 5px;
	}
.members_box .members_area .view_more{
	width:100%;
	float:left;
	}
.members_box .members_area h5{
    font-size: 0.875rem;
    padding: 5px 0 0 0;
    text-align-last: center;
    height: 15px;
    text-transform: uppercase;
    color: #000;
	}
.members_box .members_area h5 a{
	color:#000;
	display:block;
	}
.members_box .members_area h5 a:hover{
	color:#f9b529;
	}

.btn_unjoin{
	margin:20px 0 0 0;
	float:left;
	width:100%;
	}
.btn_unjoin button{
    background-color: #3c2e51;
    border-radius: 50px;
    padding: 10px 10px 10px 30px;
    margin-bottom: 20px;
    color: #fff;
    border: 2px solid #3c2e51;
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: 600;
	text-align:left;
    letter-spacing: 1px;
	}
.btn_unjoin button:hover{
    background-color:transparent;
	color:#3c2e51;
	}

.members_activity{
	width:100%;
	float: left;
	padding:10px 0 0 0;
	}
.members_activity .mamb_activ_item{
	float:left;
	width:100%;
	margin-bottom:5px;
	}
.members_activity .mamb_activ_item .item_body{
	width:100%;
	float: left;
	background-color:#d2cfcf;
	border-radius:5px;
	padding:5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
	min-height:75px;
	}
.members_activity .mamb_activ_item .item_body ul.user li{
	float:left;
	padding:0 5px;
	}
.members_activity .mamb_activ_item .item_body ul.user li.img{
	width:20%;
	padding:5px;
	text-align:center;
	width:50px;
	height:50px;
	border-radius:50%;
	background-color:#ede7f5;
	}
.members_activity .mamb_activ_item .item_body ul.user li.img img{
	width:100%;
	}
.members_activity .mamb_activ_item .item_body ul.user li.describe{
	width:80%;
	}
.members_activity .mamb_activ_item .item_body ul.user li.describe h4{
	margin:0;
    font-size: 1rem;
    font-weight: 600;
	}
.members_activity .mamb_activ_item .item_body ul.user li.describe p{
    font-size: 0.8125rem;
    line-height: 15px;
    font-weight: 500;
	}
.members_activity .mamb_activ_item .item_footer{
	width:100%;
	float:left;
	background:#ababab;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	}
.members_activity .mamb_activ_item .item_footer ul{
	width:100%;
	}
.members_activity .mamb_activ_item .item_footer ul li{
	text-align:center;
	width:33.33%;
	float:left;
	font-weight:600;
	}
.members_activity .mamb_activ_item .item_footer ul li::first-child{
	text-align:left;
	}
.members_activity .mamb_activ_item .item_footer ul li::last-child{
	text-align:right;
	}

/*------ community members page ------*/
.community{
	padding:0px;
    margin-right: auto;
	margin-left: auto;
	}
.community .members_item {
	background-color:#fff;
	width:100%;
	float:left;
	border:1px solid #fff;
	padding:5px;
	height:75px;
	margin-bottom:30px;
	cursor:pointer;
	transition:0.3s;
	border-radius:10px;
	}
.community .members_item:hover {
	border:1px solid #402F52;
	}
.community .members_item .user{
	width:25%;
	float:left;
	}
.community .members_item .user img{
	border-radius:50%;
	height:60px;
	width:60px;
	}
.community .members_item .title{
	width:75%;
	float:left;
	}
.community .members_item .title h5{
	font-size: 1.125rem;
    font-family: 'Open Sans', sans-serif;
    margin-top: 9px;
    font-weight: 600;
    color: #000;
	}
.community .members_item .title p{
	font-size: 0.75rem;
    font-family: 'Open Sans', sans-serif;
    margin-top: -5px;
    color: #989393;
	}

/*========== Search Result section ============*/

.search_result{
	width:100%;
	float:left;
	padding:0 0 0 5%;
	}
.search_result .search_content{
	width:100%;
	float:left;
	padding:20px 0;
	margin:30px 0;
	background:#f8f8f8;
}
.search_result .search_content .search_item{
	width:300px;
	margin:0 20px;
	float:left;
}
.search_result .search_content .search_item .search_top{
	width: 100%;
    float: left;
    background: #fff;
    padding: 5px 10px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-bottom: 2px solid #e8ecef;	
}
.search_result .search_content .search_item .search_top h4{
	font-family: 'Open Sans', sans-serif;
    color: #f58736;
    font-size: 0.75rem;
    font-weight: 700;
    margin: 0;
    padding: 0 0px 0 0;
    text-transform: uppercase;
    display: inline-block;
    line-height: 30px;
    vertical-align: top;	
}
.search_result .search_content .search_item .search_top p{
    font-family: 'Open Sans', sans-serif;
    color: #848484;
    font-size: 0.625rem;
    font-weight: 400;
    padding: 0;
    margin: 0;
    line-height: 30px;
    vertical-align: top;
    text-align: right;
    display: inline-block;
    float: right;		
}
.search_result .search_content .search_item .ProfileArea{
    width: 100%;
    float: left;
    padding: 20px 10px;
    background: #fff;
	text-align:center;
}
.search_result .search_content .search_item .ProfileArea .PicArea{
    width: 80px;
    height: 80px;
	padding:10px;
	border-radius:50%;
    display: inline-block;
	border:2px solid #e7e7e7;
}
.search_result .search_content .search_item .ProfileArea .PicArea img{
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;			
	border-radius:50%;
}
.search_result .search_content .search_item .ProfileArea h4{
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 10px 0;
    margin: 0;	
}
.search_result .search_content .search_item .bottom{
    width: 100%;
    float: left;
    padding: 10px;
    background: #d3d9db;
    min-height: 120px;
    padding-bottom: 40px;
    position: relative;
    border-radius: 0 0 4px 4px;
}
.search_result .search_content .search_item .bottom p{
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8125rem;
    color: #fff;
    font-weight: 100;
    padding: 0;
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
}
.search_result .sliderShadow {
    width: 30%;
    height: 100%;
    float: left;
    position: absolute;
    right: 0;
    top: 0px;
    background: #f8f8f8;
    z-index: 9;
    background: -moz-linear-gradient(left, rgba(248,248,248,0) 0%, rgba(248,248,248,1) 100%);
    background: -webkit-linear-gradient(left, rgba(248,248,248,0) 0%,rgb(248, 248, 248) 100%);
    background: linear-gradient(to right, rgba(248,248,248,0) 0%,rgb(248, 248, 248) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f8f8f8',GradientType=1 );
}

.search_result .swiper-button-prev,
.search_result .swiper-button-next {
	width:50px;
	height:50px;
}

/* .search_result .swiper-button-next,
.search_result .swiper-container-rtl .swiper-button-prev {
	background-image:url(../../img/icon/next_arrow_round.png);
}

.search_result .swiper-button-prev,
.search_result .swiper-container-rtl .swiper-button-next {
	background-image:url(../../img/icon/pev_arrow_round.png);
} */
.search_result .swiper-slide {
    text-align: left;
}

/*------ Search nav area --------*/


.search_nav_area .search_content{
	width:100%;
	float:left;
	padding:0;
}
.search_nav_area .search_content li{
    width: 100%;
    float: left;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #e1e1e1;
}
.search_nav_area .search_content li:last-child{
	border:none;
}
.search_nav_area .search_content li .TopTagArea{
	width:100%;
	float:left;
}
.search_nav_area .search_content li .TopTagArea i{
	width:40px;
	height:40px;
	display:inline-block;
	margin-right:10px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;		
	border-radius:50px;
}
.search_nav_area .search_content li .TopTagArea h4{
font-family: 'Open Sans', sans-serif;
    color: #3c2e51;
    font-size: 0.875rem;
    /* line-height: normal; */
    font-weight: 600;
    margin: 0;
    padding: 0 0px 0 0;
    text-transform: uppercase;
    display: inline-block;
    line-height: 40px;
    /* float: left; */
    vertical-align: top;	
}
.search_nav_area .search_content li .TopTagArea.category1 h4{
	color:#f58736;
}
.search_nav_area .search_content li .TopTagArea.category2 h4{
	color:#30dd69;
}
.search_nav_area .search_content li .TopTagArea.category1 i{
	border:1px solid #f58736;
}
.search_nav_area .search_content li .TopTagArea.category2 i{
	border:1px solid #30dd69;
}
.search_nav_area .search_content li .descriptionArea{
	width:100%;
	float:left;
    padding: 10px 0;	
}
.search_nav_area .search_content li .descriptionArea h4,
.search_nav_area .search_content li .descriptionArea p{
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    font-size: 1.125rem;
    line-height: normal;
    font-weight: 600;
    margin: 0;
    padding: 0 0 10px 0;	
}
.search_nav_area .search_content li .descriptionArea p{
    font-size: 0.875rem;
	color:#848484;
	font-weight:400;	
}
.search_nav_area .bottomArea{
	width:100%;
	float:left;
}
.search_nav_area .bottomArea .shre{
	width:30%;
	float:left;
}
.search_nav_area .bottomArea .postedOn{
	width:70%;
	float:left;
	text-align:right;	
}
.search_nav_area .bottomArea .shre a{
    display: block;
    font-family: 'Open Sans', sans-serif;
    color: #848484;
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0;
    padding: 0 0 0px 0;
    text-transform: uppercase;
    line-height: 25px;	
}
.search_nav_area .bottomArea .shre a i{
    width: 25px;
    height: 25px;
    float: left;
    margin: 0 5px 0 0;
    background: #e1e1e1;
    color: #fff;
    text-align: center;
    line-height: 25px;
}
.search_nav_area .bottomArea .shre a:hover{
	color:#ffab00;
}
.search_nav_area .bottomArea .shre a:hover i{
	background:#ffab00;
	color:#fff;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;	
}
.search_nav_area .bottomArea .postedOn p{
    font-family: 'Open Sans', sans-serif;
    color: #848484;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0;
    margin: 0;
    line-height: 30px;
}
.search_nav_area .bottomArea .postedOn p i{
	margin-right:5px;
}
.search_nav_area .bottomArea .postedOn p span{
	color:#cecece;
}


.search_nav_area .nav-tabs {
    border-bottom: 2px solid #DCDCDC;
}
.search_nav_area .nav-tabs > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
	color:#2c2c2c;
	width:105px;
	text-align:center;
	text-transform:uppercase;
	font-weight:700;
    line-height: 20px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.search_nav_area .nav-tabs > .active > a,
.search_nav_area .nav-tabs > .active > a:hover,
.search_nav_area .nav-tabs > .active > a:focus {
    color: #ffab00;
    cursor: default;
    background-color: #ffffff;
     border: none;
    text-align: center;
    border-bottom: 2px solid #ffab00;
}
.search_nav_area .nav-tabs > li > a:hover, 
.search_nav_area .nav-tabs > li > a:focus {
     border-color: #fff #fff #ffab00; 
}
.search_nav_area .nav > li > a:hover, 
.search_nav_area .nav > li > a:focus {
    text-decoration: none;
    background-color:transparent;
}



/*=========== Autocompleate ============*/

.autocomplete-suggestions {
    text-align: left; 
	cursor: default; 
	border: 1px solid #ccc; 
	border-top: 0; 
	background: #fff;
	box-shadow: -1px 1px 3px rgba(0,0,0,.1);

    /* core styles should not be changed */
    position: absolute; 
	display: none; 
	z-index: 9999; 
	max-height: 254px; 
	overflow: hidden; 
	overflow-y: auto; 
	box-sizing: border-box;
    font-style: italic;
    letter-spacing: 0.4px;
    font-weight: 600;
    color: #3d2f52;	
}
.autocomplete-suggestion { 
position: relative;
    padding: 0 15px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.875rem;
    color: #2c2c2c;
    border-bottom: 1px solid #eaeaea;
    font-family: 'Open Sans', sans-serif;	
	}
.autocomplete-suggestion b { 
	font-weight: 700; 
    color: #f58736
	}
.autocomplete-suggestion.selected { 
	background: #ededee; 
	}

/*============ Water Bill ==========*/

.water_banner {
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	background-size: cover;
  	-o-background-size: cover;
}
.water_banner>.overlay {
  	padding:160px 0px 60px 0px;
  	text-align: center;
  	background: rgba(112,155,255,0.5);
background: -webkit-linear-gradient(top, rgba(112,155,255,0.5) 0%, rgba(80,65,173,0.7) 100%);
}
.water_banner h1{
	color:#fff;
	font-weight:bold;
    font-family: 'Open Sans', sans-serif;
	font-size: 2.1875rem;
	text-transform:uppercase;
	letter-spacing:7px;
	}
.backgraound{
	background-color:#f1f1f1;
	padding:100px 0;
	width:100%;
	float:left;
	}

.water_bill .nav-tabs > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    border: 1px solid transparent;
    min-width: 180px;
    height: 60px;
	text-align:center;
    text-transform: uppercase;
    font-weight: 700;
    color: #3c2e51;
    background-color: #e1e1e1;
	}
.water_bill .nav-tabs > li > a:last-child{
    border-radius:0px 10px 0px 0px;
	}
.water_bill .nav-tabs > li > a .icn img{
    border: 1px solid #ec7b2f;
    background-color: #ec7b2f;
    color: #fff;
    margin-right: 10px;
	border-radius:50%;
	width:40px;
	height:40px;
	}
.water_bill .nav-tabs > .active > a, 
.water_bill .nav-tabs > .active > a:hover, 
.water_bill .nav-tabs > .active > a:focus {
    color: #ec7b2f;
    cursor: default;
    background-color: #ffffff;
     border-bottom-color: transparent; 
    text-transform: uppercase;
    font-weight: 800;
	border:none;
}
.water_bill .nav-tabs {
    border-bottom: none;
}
.water_bill .box_conten{
	width:100%;
	float:left;
    overflow: auto;
    margin-top: -19px;
	background-color:#ffffff;
	padding:30px;
	border-radius:10px;
	}
/*------ consumer add ------*/
.add_consumer{
	width:100%;
	float:left;
	color:#000;
	}
.add_consumer .add_consumer_box{
	}
.add_consumer .add_consumer_box form{
	padding:50px 0 0 0;
	width:100%;
	float:left;
	}
.add_consumer .add_consumer_box form label{
	text-transform:uppercase;
	color:#313131;
	font-weight:600;
	}

.add_consumer .add_consumer_box form input[type='text'],
.add_consumer .add_consumer_box form input[type='number'],
.add_consumer_box form input[type='password'],
.add_consumer_box form input[type='email']{
    height: 45px;
    border-radius: 30px;
    padding: 0 20px;
    margin: 5px 0 0 0;
    border: 1px solid #d0cece;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-size: 1rem;
	}
.defult_group_input{
	width:100%;
	float:left;
	position:relative;
}
.defult_group_input button.go{
    position: absolute;
    right: 5px;
    top: 10px;
    line-height: 20px;
    padding: 5px 40px;
    font-size: 0.875rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background: #3f357c;
    border-radius: 50px;
	border:2px solid #3f357c;
}
.defult_group_input button.go:hover{
	background:#6c3483;
	border:2px solid #6c3483;
}

.add_consumer .add_consumer_box .user_box{
	width:100%;
	float:left;
	padding:0 0 30px 0;
	}
.add_consumer_box .user_box h4{
	text-transform:uppercase;
	color:#444444;
	margin:0;
	}
.add_consumer_box .user_box hr{
	border-bottom: 3px solid #6c3483;
    border-top: none;
    width: 75px;
    margin-top: 10px;
	}
.add_consumer_box .user_box ul li{
	float:left;
	padding:0 10px;
	color:#444444;
	font-size: 0.875rem;
	font-weight:600;
	}
.add_consumer_box .user_box ul li i{
	font-size: 1.5rem;
	color:#878787;
	}
.add_consumer_box .user_box ul li p{
	margin-top: -6px;
    font-size: 0.875rem;
	}
.add_consumer_box .user_box ul li:first-child{
	border-right:1px solid #878787;
	}
.add_consumer_box .user_box .add{
    line-height: 20px;
	height:45px;
    font-size: 1.125rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background: #3f357c;
    border-radius: 30px;
	border:2px solid #3f357c;
	}
.add_consumer_box .user_box .add:hover{
	background:#fff;
	border:2px solid #3f357c;
	color:#3f357c;
	}


	
.btn_grn button{
    background-color: #65a003;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    padding: 15px 5px 15px 25px;
    border-radius: 30px;
    border: none;
    font-size: 1rem;
}
.btn_grn button span{
	padding:12px 10px 14px 10px;
	background-color:#fff;
	border-radius:50%;
	margin-left:10px;
	}
.water_bill .box_conten .main_content,
.water_bill .box_conten .main_content .accordion,
.water_bill .box_conten .main_content .accordion .accordion-group,
.water_bill .box_conten .main_content .accordion .accordion-group .accordion-heading{
	width:100%;
	float:left;
	}
.water_bill .box_conten .main_content h4{
	color:#6c3483;
	text-transform:uppercase;
	font-weight:700p;
	}

.water_bill .box_conten .main_content .accordion .accordion-group{
	border:none;
	}
.water_bill .box_conten .main_content .accordion .accordion-group .accordion-heading{
	border-radius:5px 5px 0px 5px;
    background-color: #efefef;
	width:100%;
	float:left;
	padding:10px;
}
.water_bill .box_conten .main_content .accordion .accordion-group .accordion-heading.color_1{
	border-left: 5px solid #99ce40;
	}
.water_bill .box_conten .main_content .accordion .accordion-group .accordion-heading.color_2{
	border-left: 5px solid #ff8c2f;
	}
.water_bill .box_conten .main_content .accordion .accordion-group .accordion-heading.color_3{
	border-left: 5px solid #ffcc00;
	}
.water_bill .box_conten .main_content .accordion .accordion-group .accordion-heading.color_4{
	border-left: 5px solid #6ec6eb;
	}
.water_bill .box_conten .main_content .accordion .accordion-group .accordion-heading.color_5{
	border-left: 5px solid #ff8196;
	}
	
/*--collap_swtch--*/
.collap_swtch{
	width:100%;
	float:left;
	}
.collap_swtch ul{
	width:100%;
	}
.collap_swtch ul li{
	float:left;
	padding:0 5px;
	}
.collap_swtch ul li.fst{
	width:23%;
	}
.collap_swtch ul li.secnd{
	width:23%;
	}
.collap_swtch ul li.thrd{
	width:23%;
	}
.collap_swtch ul li.frth{
	width:23%;
	}
.collap_swtch ul li.fifth{
	width:8%;
	text-align:right;
	}

.collap_swtch ul li .consum_no,
.consum_no{
    border-radius: 20px;
    padding: 7px 20px;
    font-weight: 700;
    background-color: #ffffff;
    color: #444444;
	font-size: 1rem;
	text-align:center;
	}
.collap_swtch ul li h5{
	margin: 0;
    color: #202020;
    font-size: 0.8125rem;
	}
.collap_swtch ul li p{
	margin: 0;
    color: #878787;
    font-size: 0.8125rem;
	text-transform:uppercase;
	}
.collap_swtch ul li .btn-group button{
	padding: 5px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    color: #9b9b9b;
    background-color:#fff;
    font-size: 1.125rem;
    margin-right: 15px;
	border:2px solid #fff;
	}
.collap_swtch ul li .btn-group button:hover{
    color: #3c2e51;
    background-color: #fff;
	border:2px solid #3c2e51;
	}
.collap_swtch ul li .btn-group button:focus{
    color: #fff;
    background-color: #3c2e51;
	border:2px solid #3c2e51;
	}


/*--collap_swtch_one--*/

.collap_swtch_one{
	width:100%;
	float:left;
	}
.collap_swtch_one ul{
	width:100%;
	}
.collap_swtch_one ul li{
	float:left;
	padding:0 5px;
	text-align:center;
	}
.collap_swtch_one ul li.fst{
	width:50%;
	}
.collap_swtch_one ul li.secnd{
	width:25%;
	}
.collap_swtch_one ul li.thrd{
	width:25%;
	}
.collap_swtch_one ul li .consum_no{
	border-radius: 20px;
    padding: 7px 20px;
    font-weight: 700;
    background-color: #ffffff;
    color: #444444;
    font-size: 1rem;
    text-align: center;
    width: 50%;
    display: inline-block;
	}
.collap_swtch_one ul li h5{
	margin: 0;
    color: #202020;
    font-size: 0.8125rem;
	}
.collap_swtch_one ul li p{
	margin: 0;
    color: #878787;
    font-size: 0.8125rem;
	text-transform:uppercase;
	}
.collap_swtch_one ul li  button{
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 0.875rem;
    margin-right: 15px;
    color: #3c2e51;
    text-align: left;
    background-color: #fff;
    border: 2px solid #3c2e51;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-family: 'Open Sans', sans-serif;
	}
/*.collap_swtch_one > ul > .active > button,
.collap_swtch_one > ul > .active > button:focus{
    color: #fff;
    background-color: #3c2e51;
	border:2px solid #3c2e51;
	}*/

.collap_swtch_one ul li button:hover,
.collap_swtch_one ul li button:focus{
    color: #fff;
    background-color: #3c2e51;
	border:2px solid #3c2e51;
	}
/*.collap_swtch_one ul li  button span{
	border-left:1px solid #000;
	padding:0 5px;
	}*/
	
/*--collap_swtch_two--*/
.collap_swtch_two{
	width:100%;
	float:left;
	}
.collap_swtch_two ul{
	width:100%;
	}
.collap_swtch_two ul li{
	float:left;
	padding:0 5px;
	}
.collap_swtch_two ul li.fst{
	width:18%;
	}
.collap_swtch_two ul li.secnd{
	width:5%;
	}
.collap_swtch_two ul li.thrd{
	width:10%;
	}
.collap_swtch_two ul li.frth{
	width:6%;
	}
.collap_swtch_two ul li.fifth{
	width:10%;
	}
.collap_swtch_two ul li.sixth{
	width:12%;
	}
.collap_swtch_two ul li.sevn{
	width:12%;
	}
.collap_swtch_two ul li.eight{
	width:12%;
	}
.collap_swtch_two ul li.nine{
	width:15%;
	}

.collap_swtch_two ul li .consum_no{
    border-radius: 20px;
    padding: 7px 20px;
    font-weight: 700;
    background-color: #ffffff;
    color: #ed8b62;
	font-size: 1rem;
	text-align:center;
	}
.collap_swtch_two ul li h5{
	margin: 0;
    color: #202020;
    font-size: 0.8125rem;
	}
.collap_swtch_two ul li p{
	margin: 0;
    color: #878787;
    font-size: 0.8125rem;
	text-transform:uppercase;
	}

.collap_swtch_two ul li button.btn_view {
	padding: 5px;
    border-radius: 20px;
    font-size: 0.875rem;
    margin-right: 15px;
    color: #3c2e51;
	font-weight:600;
    background-color: #fff;
	border:2px solid #3c2e51;
	}
.collap_swtch_two ul li button.btn_view:hover,
.collap_swtch_two ul li button.btn_view:focus{
    color: #fff;
    background-color: #3c2e51;
	border:2px solid #3c2e51;
	}

.collap_swtch_two ul li a.btn_download {
	padding: 5px;
    border-radius: 20px;
    font-size: 0.875rem;
    margin-right: 15px;
    color: #71ca4e;
	font-weight:600;
    background-color: #fff;
	border:2px solid #71ca4e;
	}
.collap_swtch_two ul li a.btn_download:hover,
.collap_swtch_two ul li a.btn_download:focus{
    color: #fff;
    background-color: #71ca4e;
	border:2px solid #71ca4e;
	}

/*--collap_swtch_three--*/

.collap_swtch_three{
	width:100%;
	float:left;
	}
.collap_swtch_three ul{
	width:100%;
	}
.collap_swtch_three ul li{
	float:left;
	padding:0 5px;
	text-align:center;
	width:25%;
	}
.collap_swtch_three ul li .consum_no{
	border-radius: 20px;
    padding: 7px 20px;
    font-weight: 700;
    background-color: #ffffff;
    color: #444444;
    font-size: 1rem;
    text-align: center;
    width: 100%;
    display: inline-block;
	}
.collap_swtch_three ul li h5{
	margin: 0;
    color: #202020;
    font-size: 0.8125rem;
	}
.collap_swtch_three ul li p{
	margin: 0;
    color: #878787;
    font-size: 0.8125rem;
	text-transform:uppercase;
	}
.collap_swtch_three ul li.frth{
	text-align:right;
	}
.collap_swtch_three ul li.frth button{
	padding: 5px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    color: #9b9b9b;
    background-color: #fff;
    font-size: 1.125rem;
    margin-right: 15px;
    border: 2px solid #fff;
	}
.collap_swtch_three ul .frth button:hover,
.collap_swtch_three ul .frth button:focus{
    color: #fff;
    background-color: #3c2e51;
	border:2px solid #3c2e51;
	}



/*------ grivance card --------*/

.property_card{
	width:100%;
	float:left;
	background:#f4f4f4;
	padding:30px 0;
	border-radius:10px;
}
.property_card .card_area p{
    font-size: 0.75rem;
    margin-bottom: 0px;
    padding: 0;
	text-transform:uppercase;
    color: #c2c2c2;
    font-family: 'Open Sans', sans-serif;
}
.property_card .card_area h5{
    margin: 0 0 10px 0;
    font-size: 1rem;
	font-weight:600;
    font-family: 'Open Sans', sans-serif;
}
.property_card .card_area p.token{
	margin-bottom:6px;	
}
.property_card .card_area h5.tokenNo{
	font-size: 2rem;
    margin: 0 0 30px 0;
    color: #ffab00;	
}

	
	
	
.top_background{
	background-color:#ffffff;
	width:100%;
	float:left;
	margin-bottom:30px;
	padding:30px;
	border-radius:10px;
	}
	
.water_bill .box_conten .main_content .collapse{
	width:100%;
	float:left;
	background-color:#eaeaea;
	}
.water_bill .box_conten .main_content .collapse .accordion-inner{
	padding:20px;
	width:100%;
	float:left;
	}
.water_bill .box_conten .main_content .collapse .accordion-inner.manly{
	padding:0px;
	}
.table_panel{
	overflow-y:auto;
	}
	
.water_bill .box_conten .main_content .collapse .accordion-inner .table_panel table{
	background-color:#ffffff;
	}
.water_bill .box_conten .main_content .collapse .accordion-inner .table_panel table thead tr th{
	border-bottom:2px solid #3f357c;
	color:#3f357c;
	text-transform:uppercase;
	vertical-align:top;
	}
.water_bill .box_conten .main_content .collapse .accordion-inner .table_panel table tbody tr td{
	color:#404040;
	font-weight:600;
	border-top:none;
	}
.pay{
	padding: 2px 10px;
    border-radius: 20px;
    color: #fff;
    background-color: #3f357c;
    font-size: 0.875rem;
    border: 2px solid #3f357c;
    display: block;	
	}
.pay i{
	margin-left:5px;
	}
.pay:hover,
.pay:focus{
    color: #3f357c;
    background-color: #fff;
    border: 2px solid #3f357c;
	}
.sent{
	padding: 2px 10px;
    border-radius: 20px;
    color: #fff;
    background-color: #F7AF21;
    font-size: 0.875rem;
    border: 2px solid #F7AF21;
	display:block;
	}
.sent i{
	margin-left:5px;
	}
.sent:hover,
.sent:focus{
    color: #F7AF21;
    background-color: #fff;
    border: 2px solid #F7AF21;
	}



/*-------- sarcher ---------*/

.sarcher{
	width:100%;
	float:left;
	padding:0 0 30px 0;
}
.sarcher select{
	height:50px;
	border-radius:30px;
	padding:0 20px;
	margin:10px 0 0 0;
	border:1px solid #bbbbbb;
    font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-size: 1rem;
	}
/*.sarcher button.go{
	position: absolute;
    right: 20px;
    top: 15px;
    padding: 8px 10px;
    font-size: 1.125rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background: #3f357c;
    border-radius: 50px;
    border: 2px solid #3f357c;
}
.sarcher button.go:hover{
	background:#6c3483;
	border:2px solid #6c3483;
}*/
.table_payment table thead{
	background-color:#e5e5e5;
	}
.table_payment table thead tr th{
	vertical-align:top;
	text-transform:uppercase;
	color:#3f357c;
	font-size: 0.8125rem;
	}
.table_payment table tbody tr td{
	background-color:#eeeeee;
	text-align:center;
	font-weight:600;
	vertical-align:middle;
	}
.table_payment.sep_2 table tbody tr td{
	background-color:#eeeeee;
	text-align:center;
	font-weight:700;
	vertical-align:middle;
	}
.table_payment table tbody tr td:first-child{
	border-radius:5px 0 0 5px;
	}
.table_payment table tbody tr.color_1 td:first-child{
	border-left:5px solid #f9c017;
	}
.table_payment table tbody tr.color_2 td:first-child{
	border-left:5px solid #6ce660;
	}
.table_payment table tbody tr.color_3 td:first-child{
	border-left:5px solid #fe8f48;
	}
.table_payment table tbody tr.color_4 td:first-child{
	border-left:5px solid #3de6cf;
	}
.table_payment table tbody tr.color_5 td:first-child{
	border-left:5px solid #fe6885;
	}
.table_payment table tbody tr td:last-child{
	border-radius:0 5px 5px 0;
	}
.table_payment table tbody .faster button{
	border-radius: 20px;
    padding: 7px 20px;
    font-weight: 700;
    background-color: #ffffff;
    color: #444444;
    font-size: 1rem;
    text-align: center;
	border:none;
	cursor:default;
	}
.table_payment table tbody .faster p{
	font-size: 0.8125rem;
	text-transform:uppercase;
	font-weight:600;
	}
.table_payment table tbody .faster_2 button{
	border-radius: 20px;
    padding: 7px 20px;
    font-weight: 700;
    background-color: #ffffff;
    color: #6c3483;
    font-size: 1rem;
    text-align: center;
	border:none;
	cursor:default;
	}
.table_payment table tbody .faster_2 p{
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
	margin-top:10px;
	color:#202020;
	}
.date_box{
	width:70px;
	height:82px;
	border-radius:10px;
	background-color:#ffffff;
	text-align:center;
	margin:0 auto;
	}
.date_box h3{
	margin: 0;
    color: #f57c35;
    font-size: 1.875rem;
	text-transform:uppercase;
	font-style:normal;
	font-weight:600;
	}
.date_box p{
    margin-top: -6px;
    color: #3f357c;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: 700;
}
.date_box h5{
    margin-top: -6px;
    color: #fff !important;
    background-color: #3f357c;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0 0 10px 10px;
}
.table_payment table tbody tr td .meter{
	float:left;
	width:100%;
	}
.table_payment table tbody tr td .meter img{
	margin:0 auto;
	}
.table_payment table tbody tr td .meter .reading{
	margin:4px auto;
	width:138px;
	}
.table_payment table tbody tr td .meter .reading ul li{
    float: left;
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.9375rem;
    padding: 3px 4px;
	margin:0 2px;
}
.table_payment table tbody tr td .meter .reading ul li:last-child{
    border: 1px solid #f00;
    background-color: #f00;
	}
.table_payment table tbody tr td p.bill_amount{
	font-size: 1.125rem;
	color:#ed792e;
	font-weight:700;
	}
.table_payment table tbody tr td p.unpaid{
	font-size: 1.125rem;
	color:#ff1e00;
	font-weight:700;
	text-transform:uppercase;
	}
.table_payment table tbody tr td p.paid{
	font-size: 1.125rem;
	color:#34c937;
	font-weight:700;
	text-transform:uppercase;
	}
.table_payment .pagination{
	border:none;
	}
	
/*-------table_one-----*/
 
.table_one table thead{
	background-color:#e5e5e5;
	}
.table_one table thead tr th{
	vertical-align:top;
	text-transform:uppercase;
	color:#3f357c;
	font-size: 0.8125rem;
    font-family: 'Open Sans', sans-serif;
	}
.table_one table thead tr th:first-child{
	border-radius:5px 0 0 5px;
	}
.table_one table thead tr th:last-child{
	border-radius:0 5px 5px 0;
	}
.table_one table tbody tr td{
	background-color:#eeeeee;
	text-align:center;
    font-size: 0.8125rem;
	vertical-align:middle;
    font-family: 'Open Sans', sans-serif;
	text-align:left;
	}
.table_one table tbody tr td p{
    line-height: 7px;
	}
.table_one table tbody tr td:first-child{
	border-radius:5px 0 0 5px;
	}
.table_one table tbody tr td:last-child{
	border-radius:0 5px 5px 0;
	}
.table_one table tbody tr.color_1 td:first-child{
	border-left:5px solid #f9c017;
	}
.table_one table tbody tr.color_2 td:first-child{
	border-left:5px solid #6ce660;
	}
.table_one table tbody tr.color_3 td:first-child{
	border-left:5px solid #fe8f48;
	}
.table_one table tbody tr.color_4 td:first-child{
	border-left:5px solid #3de6cf;
	}
.table_one table tbody tr.color_5 td:first-child{
	border-left:5px solid #fe6885;
	}

/*----- Table Two defult ----*/

.table_two table td,
.table_two table th{
	border:none;
	}

.action button{
	display:block;
	width:100%;
	margin: 5px 0;
    border-radius: 50px;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
	font-weight:600;
    letter-spacing: 1px;
	}
.action button.success{
    color: #fff;
    border: 2px solid #4DB151;
	background-color: #4DB151;
	}
.action button.success:hover{
    color: #4DB151;
    border: 2px solid #4DB151;
	background-color: #fff;
	}
	
.action button.delete{
    color: #fff;
    border: 2px solid #C23634;
	background-color: #C23634;
	}
.action button.delete:hover{
    color: #C23634;
    border: 2px solid #C23634;
	background-color: #fff;
	}

/*============ front_zist ==========*/

.front_zist{
	float:100%;
	padding:0 0 30px 0;
	}
.front_zist .about{
	padding:20px 0;
	float:left;
	width:100%;
	}
.front_zist .about p{
	font-family: 'Open Sans', sans-serif;
    font-size: 0.8125rem;
    margin-bottom: 30px;
	}

.front_zist .part{
	padding:0 0 30px 0;
	}
.exps_srvs_item{
	margin-top:10px;
	}
.exps_srvs_item ul{
	border:1px solid #402F52;
	width:100%;
	float:left;
	background-color:#402F52;
	transition:0.3s;
	}
.exps_srvs_item ul:hover{
	background-color:#F7AF21;
	}
.exps_srvs_item ul:hover li.first i{
	color:#402F52;
	}
.exps_srvs_item ul li{
	float:left;
	}
.exps_srvs_item ul li.first{
	width:20%;
	text-align:center;
	vertical-align:middle;
	padding:20px 0;
	}
.exps_srvs_item ul li.first i{
	color:#F7AF21;
	}
.exps_srvs_item ul li.scnd{
	width:80%;
	background-color:#fff;
	min-height:120px;
	padding:10px;
	}
.exps_srvs_item ul li.scnd h4{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-style:normal;
	font-size: 1rem;
	}
.exps_srvs_item ul li.scnd p,
.exps_srvs_item ul li.scnd a{
	color: #747474;
    font-size: 1rem;
	font-weight:700;
	display:block;
	}
.exps_srvs_item ul li.scnd p i,
.exps_srvs_item ul li.scnd a i{
	color:#54acee;
	}



/*---- new tab Design -----*/

.taber_one .nav-tabs > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    border: 1px solid transparent;
    min-width: 100px;
    height: 45px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    color: #3c2e51;
    background-color: #e1e1e1;
}
.taber_one .nav-tabs > li > a:last-child{
    border-radius:0px 10px 0px 0px;
	}
.taber_one .nav-tabs > li > a .icn img{
    border: 1px solid #ec7b2f;
    background-color: #ec7b2f;
    color: #fff;
    margin-right: 10px;
	border-radius:50%;
	width:40px;
	height:40px;
	}
.taber_one .nav-tabs > .active > a, 
.taber_one .nav-tabs > .active > a:hover, 
.taber_one .nav-tabs > .active > a:focus {
    color: #ec7b2f;
    cursor: default;
    background-color: #ffffff;
     border-bottom-color: transparent; 
    text-transform: uppercase;
    font-weight: 800;
	border:none;
}
.taber_one .nav-tabs {
    border-bottom: none;
}
.taber_one .tab-content{
	width:100%;
	float:left;
    overflow: auto;
    margin-top: -19px;
	background-color:#ffffff;
	padding:30px;
	border-radius:10px;
	}

/*----- download devid box ----*/
.devid{
	height:150px;
	border:1px solid #402F52;
	text-align:center;
	width:50%;
	margin:0 auto;
	}
.devid h3{
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-style:normal;
	font-size: 1.75rem;
	color:#EEA63A;
	margin-bottom:20px;
	text-transform:capitalize;
	}
	
/*============= Dashboard =============*/

.dashboard_content{
	width:100%;
	float:left;
	padding:30px 0 60px 0;
}
.dsboard_item{
	min-height:314px;
	background:#999;
	text-align:center;
	margin-bottom:30px;
    width: 100%;
    float: left;	
	}
.dsboard_item .backer{
    z-index: 0;
    width: 100%;
    position: relative;
    text-align: center;
    height: 150px;
	}
.dsboard_item .backer img{
	width:100%;
	}
.dsboard_item .icn{
	height: 90px;
    width: 90px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    top: -55px;
    display: inline-block;
    line-height: 85px;
	}
.dsboard_item .zist{
    padding: 50px 10px 20px 10px;
    color: #fff;
    margin-top: -105px;
	}
.dsboard_item .zist h4{
	font-size: 1.375rem;
	text-transform:uppercase;
    font-family:'Open Sans', sans-serif;
	font-weight:600;
	color:#fff;
	text-align:center;
	letter-spacing:1px;
	line-height:25px;
	}
.dsboard_item .zist p{
	font-size: 0.75rem;
    font-family: 'Open Sans', sans-serif;
	color:#fff;
	text-align:center;
	line-height:20px;
	}
.dsboard_item .zist p i{
	font-size: 1.25rem;
	}
.dsboard_item.color_1{
	background-color:#fc5574;
	}
.dsboard_item.color_2{
	background-color:#25aae1;
	}
.dsboard_item.color_3{
	background-color:#f99800;
	}
.dsboard_item.color_4{
	background-color:#0cc753;
	}
.dsboard_item.color_5{
	background-color:#d32032;
	}
.dsboard_item.color_6{
	background-color:#704098;
	}
.dsboard_item.color_7{
	background-color:#1c4154;
	}
.dsboard_item.color_8{
	background-color:#ff5b22;
	}
.dsboard_item.color_9{
	background-color:#ffba00;
	}
.dsboard_item.color_10{
	background-color:#014d87;
	}
	
/*------- New Updates ----------*/

.helpFul .accordion-group {
    margin-bottom: -15px;
    border: none;
}
.helpFul .accordion-inner {
     padding: 0px; 
     border-top: none; 
}	

/*---- multiple file upload -----*/
.btn_upld{
	width:100%;
	float:left;
	position:relative;
}
.btn_upld input[type='text'].file{
	padding-left:135px;
	color:#000;
	}
.btn_upld input[type='file'].file_2{
    position: absolute;
    left: 0;
    top: 0;
	opacity:0;
	cursor:pointer;
	}
.btn_upld button.upload{
    position: absolute;
    left: 10px;
    top: 20px;
    line-height: 20px;
    padding: 10px 20px;
    font-size: 0.875rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background: #6c3483;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    border: none;
	cursor:pointer;
}
/*-------*/


/********************************* UI Fixes **********************************/
.resetMenu1.btn.btn-primary{background: #6c3483;}
.resetMenu1.btn.btn-primary:hover{border: 2px solid #6c3483;
    background-color: transparent;
    color: #6c3483;}

.dropdown-toggle.direction-left.max-display-items-15.btn,
.btn.lfr-delegate-click,
.btn.btn-primary,
.aui.btn{
	
    background: #2665a6;
    border:1px solid #2665a6; 
    color: #fff !important;
    font-weight: bold;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    outline: none;
    /*border: none;*/
    position: unset;
    border-radius:20px;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn-check:checked+.btn, 
.btn.active, 
.btn.show, 
.btn:first-child:active, 
:not(.btn-check)+.btn:active {
	border-color: #7d1e15 !important;
    background-color: #7d1e15 !important;
    color: #fff !important];
 }
body .fs-12 {
	font-size: 12px !important;
}
a {
    color: #2665a6 !important;
    text-decoration: underline;
}
    
.yui3-widget.modal.yui3-widget-positioned.yui3-widget-stacked.yui3-widget-modal.modal-focused.yui3-dd-draggable.yui3-resize{
	border-radius:0px;
	}

.taglib-header .header-title{
	width:100%;
	float:left;
	position:relative;
}
.taglib-header .header-title::after{
    content: " ";
    width: 100%;
    float: left;
    height: 4px;
    background: #f1f1f1;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
}
.taglib-header h4.header-title{
    font-family: 'Open Sans', sans-serif;
    color: #3c2e51;
    font-size: 1.5rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding: 0 10px 0 0;
    text-transform: uppercase;
    background: #fff;
    display: inline-block;
    z-index: 10;
    position: relative;	
}
.aui button.close, .aui button.btn.close {
    padding: 0px 0 3px 0;
    cursor: pointer;
    background: transparent;
    /* border: 0; */
    -webkit-appearance: none;
    border: 2px solid #000;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}
.aui .close, .aui .btn.close {
    float: right;
    font-size: 22px;
    font-weight: bold;
    line-height: 16px;
    color: black;
    text-shadow: 0 1px 0 white;
    opacity: 0.8;
    filter: alpha(opacity=20);
}
.table-columns{
	color:#fff;
	background-color: #931717!important;/*background-color: #95a9d2!important;*/
	font-size: 1rem;
	}
#complaints a{  color:#6c3483}
	a{  color: #000;}
.aui h3 {
	text-align: center;
    font-size: 19px;
    color: /*#6c3483*/#616161;
    font-family: 'Open Sans', sans-serif;
    /*font-weight: 500;*/
   
}
.aui .control-panel-bar-secondary.nav-pills li a {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    padding: 10px 10px 11px;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}
.aui a:hover {
    color: #3c2e51;
}
.aui .control-panel-bar-secondary.nav-pills > .active > a {
    background: #3c2e51;
    color: #FFF;
    border-radius: 0;
}
.aui .control-panel-bar-secondary.nav-pills li a:hover {
    background: #dfd1f3;
    border-radius: 0px;
}
.aui .nav-tabs > li > .active a{background-color: #ffffff!important;}
.aui .nav-tabs > li > a {
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    padding: 10px 15px;
    line-height: 20px;
    border: 1px solid transparent;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #3c2e51;
    background-color: #e1e1e1;
	display: inline-block;
}

body .pagination button {
    background-color: #2665a6 !important;
    color: #fff;
}
.pagination button:disabled {
    background: #ccc !important;
    cursor: not-allowed !important;
}

/*------------ New Updatation -----------*/
.citizenRegistration-page footer {
padding-left: 0;
}
.citizenRegistration-page footer .footer {
background-color: transparent !important;
color: #212529;
padding-bottom: 0;
}
.citizenRegistration-page main footer {
display: none !important;
}

body.login-page main {
    margin-bottom: 30px;
}
body.login-page footer, body.appealmain-body footer {
    padding-left: 0px !important;
}
body.appealmain-body {
	padding-left: 0;
	padding-right: 0;
}
.aui .Footer .topSection .FooterLogo {
    width: 95%;
    float: left;
    text-align: center;
}
.TopNav .brand.Logo {
    position: absolute;
    left: 46.5%;
    top: 3%;
    background: #fff;
    padding: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 4px 2px rgba(0,0,0,0.1);
}
.collaborationLanding a.hignlit_item .icn {
    width: 60px;
    height: 60px;
}
.cmnt_user img {
    max-width: none;
    width: 45px;
    height: 45px;
    margin-top: -4px;
}

.TopNav.navbar .nav li.TollFree.DigitalIndia a{
	background: transparent;
    font-size: 14px!important;
    cursor: default;
 	color:#2d144c;
    text-transform: capitalize;
	}
.TopNav.navbar .nav li.TollFree.DigitalIndia a:hover{
	background: transparent;	
}	
.TopNav.navbar .nav li.TollFree.DigitalIndia a span{
	color:#f26f5a;
	}

.dropdown-menu.filter_option_new  > li > a span{
	float:right;
}

	
/*-------- Filter // Start -----------*/
.top_idae_title .ButtonArea{
    background-color: #e0e0e0;
    padding: 3px 2px 3px 0px;
	float:left;
    border-radius: 20px;
	}

.top_idae_title .ButtonArea .FilterParent{
	float:left;
	padding:0 2px;
	}
.top_idae_title .btn_joint{
    border-left: 5px solid #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    margin-top: 1px;
	}

/*.filter_menu_new{
    background: #fff;
    float: left;
    z-index: 10;
    position: relative;
    line-height: 34px;
    padding: 0;
    width: 100%;
    margin: 0 0 10px 0;
	}*/
	
.filter_menu_new .FilterHeaderArea{
	width:100%;
	float:left;
}
.filter_menu_new .FilterHeaderArea h4.title_btns{
	width:30%;
	float:left;
}
.filter_menu_new .FilterHeaderArea .ButtonArea{
    width: 70%;
    float: left;
    text-align:right;	
}
.filter_menu_new button.btn_filter,
.idaes_sec .top_idae_title a.btn_filter{
	font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 0.95rem;
    text-transform: uppercase;
    display: block;
    border-radius: 100px;
    padding: 0;
    border: none;
    background: #3c2e51;
    font-weight: 600;
    width: 25px;
    height: 25px;
    margin-left: 4px;
    text-align: center;
	line-height:25px;
}
.filter_menu_new button.btn_filter:hover,
.idaes_sec .top_idae_title a.btn_filter:hover{
	color:#ffab00;
	}
.idaes_sec .top_idae_title a.btn_filter.open{
    color: #ffffff;
    background: #ffab00;
	}
.filter_menu_new h4.title_btns{
    font-weight: 600;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: 0 0 0 8px;
    margin: 0;
    line-height: 35px;
}

.filter_option_new li h4.menu_head{
    background: #ffab00;
    margin: 0;
    padding: 7px 6px;
    font-weight: 700;
    display: inline-block;
    width: 100%;
    border-radius: 5px 5px 0 0;
    font-size: 0.85rem;
    text-transform: uppercase;
    line-height: 24px;
    vertical-align: middle;
    text-align: left;	
}
.filter_option_new li h4.menu_head span{
	padding:0;
}	
.menu_head button.clear{
	font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 0.6rem;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 100px;
    padding: 0px 8px;
    border: none;
    background: #3c2e51;
    font-weight: 600;
    margin-left: 0;
    line-height: 24px;
}

.filter_option_new {
    border: 1px solid #3c2e51;
    border-radius: 0;
    z-index: 1000;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #ffffff;
    -moz-border-radius: 6px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    position: absolute;
	top: 110%;
    left: -200px;
    right: 0;
    min-width: 245px;
}
/*Pradip*/
.filter_option_newer {
    border: 1px solid #c7c7c7;
    z-index: 0;
    list-style: none;
    background-color: #ffffff;
    -moz-border-radius: 6px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    position: absolute;
    left: 0px;
    right: 0;
}
.filter_option_newer li h4.menu_head{
   color: #fff;
    background-color: #2665a6;
    margin: 0;
    padding: 7px 6px;
    font-weight: 700;
    display: inline-block;
    width: 100%;
    border-radius: 5px 5px 0 0;
    font-size: 0.85rem;
    text-transform: uppercase;
    line-height: 24px;
    vertical-align: middle;
    text-align: left;	
}
.filter_option_newer li h4.menu_head span{
	padding:0;
}	

.checkbox button.clear{
	font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 0.6rem;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 100px;
    padding: 0px 8px;
    border: none;
    background: #2665a6;
    font-weight: 600;
    margin-left: 0;
    line-height: 24px;
    float:right;
}
/*Pradip*/

.filter_options_scroll{
	height: 150px;
	overflow-y: scroll;
}
.filter_options_scroll::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	border-radius: 5px;
	background-color: #444444;
}
.filter_options_scroll::-webkit-scrollbar{
	width: 6px;
	background-color: #2f2f2f;
}
.filter_options_scroll::-webkit-scrollbar-thumb{
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	background-color: #fff;
}

.filter_options_scroll .checkbox{
	border-bottom: 1px solid #CCC;
    padding: 6px 10px;
    margin: 0;
}
.filter_options_scroll .checkbox:last-child{
	border-bottom:none;
	}
.filter_options_scroll .checkbox label{
    color: #000;
    font-size: 1rem;/*Pradip 600*/
    font-weight: 300;
    text-transform: capitalize;
    width: 100%;
    text-align: left;	
}
.filter_options_scroll .checkbox label .options_counter{
    border: 1px solid #e1e1e1;
    float: right;
    padding: 0px 6px;
    /* margin-top: -1px; */
    border-radius: 100px;
    text-align: center;
    background: #e8e8e8;
    font-size: 0.65rem;
    line-height: 18px;
    display: inline-block;
    margin-top: 6px;
	}
.filter_options_scroll .checkbox .styled-checkbox {
  position: absolute;
  opacity: 0;
}
.filter_options_scroll .checkbox .styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.filter_options_scroll .checkbox .styled-checkbox + label:before {
  content: '';
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;/*text-top Pradip*/
  width: 16px;
  height: 16px;
  background: white;
  border-radius: 3px;
  border: 1px solid #393939; 
}
.filter_options_scroll .checkbox .styled-checkbox:checked + label:before {
    background: #393939;
  	border: 1px solid #393939; 
}
.filter_options_scroll .checkbox .styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.filter_options_scroll .checkbox .styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.filter_options_scroll .checkbox .styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 8px;
  background: #fff;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.FilterDropdownMenu{
	width:100%;
	float:left;
	position:relative;
	display:none;
}
.FilterDropdownMenu ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
.FilterDropdownMenu ul li{
	width:100%;
	float:left;
}
.filter_menu_new .FilterHeaderArea .ButtonArea .FilterParent{
	display:inline-block;
}

.shorting{
	width:100%;
	float:left;
	padding:15px 0 20px 0;
	}
.shorting ul{
	border-bottom:1px solid #e4e4e4;
	width:100%;
	float:left;
	}
.shorting ul li{
	list-style-type:none;
	float:left;
	width:25%;
	margin-bottom:-1px;
	}
.shorting ul li.shrt_title{
	padding:10px 0px 10px 0px;
	font-weight:600;
	}
.shorting ul li a{
	display:block;
	text-align:center;
	padding:10px 10px 10px 10px;
	border-bottom:3px solid transparent;
	font-size:0.875rem;
	}
.shorting ul li a.active{
	border-bottom:3px solid #F7AF21;
	color:#F7AF21;
	font-weight:600;
	}
.shorting ul li a:hover,
.shorting ul li a:focus{
	border-bottom:3px solid #F7AF21;
	}

.data_scrollbody{
	height: 890px;
	overflow-y: scroll;
	width:100%;
	padding-right:10px;
}
.data_scrollbody::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
	border-radius: 0px;
	background-color: #fff;
}
.data_scrollbody::-webkit-scrollbar{
	width: 6px;
	background-color: #2f2f2f;
}
.data_scrollbody::-webkit-scrollbar-thumb{
	border-radius: 8px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ffab00;
}


/*------------- New updatation 1/5/18 -------------*/

.social ul li a i{
	color:#fece56;
	font-size:30px;
	}
.idea_item .idae_comment .social ul li a sup.cmmnt_status,
.social ul li a sup.cmmnt_status{
    top: -15px;
    background-color: #3c2e51;
    color: #fff;
    padding: 3px 8px;
	}
.idea_item .idae_comment .social_cap.caption ul li, .social_cap ul li{
	padding: 0px 0px 0px 15px;
	}
.idea_item .idae_comment .social_cap.caption ul li a,
.social_cap.caption ul li a{
	text-align:center;
	position:relative;
	}
.idea_item .idae_comment .social_cap.caption ul li a span.cmmnt_status,
.social_cap.caption ul li a span.cmmnt_status{
    position: absolute;
    top: -12px;
    left: 13px;
    background-color: #e0e0e0;
    color: #3c2e51;
    padding: 0px 6px;
    border-radius: 50px;
    z-index: 1;
    font-size: 0.625rem;
    line-height: 16px;
    font-weight: 700;
	}
	
/*----------- Dayanamic Updatation ----------*/
.message-boarder {
    border: 2px solid #3c2e51;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.aui a.tag{
	background-color: #3c2e51;
    border-radius: 10px;
    color: #fff;
    padding: 1px 10px 3px 20px;
	}
.aui .left_sec .details_area .poll-signin a{
	height: 42px;
    border-radius: 30px;
    padding: 10px 70px;
    font-size: 1.1rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0px;
    font-family: 'Open Sans', sans-serif;
    border: 2px solid #ffab00;
    background-color: #ffab00;
    background-image: none;
}
.add-comment a {
    height: 42px;
    border-radius: 30px;
    padding: 10px 45px;
    font-size: 1.1rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0px;
    font-family: 'Open Sans', sans-serif;
    border: 2px solid #ffab00;
    background-color: #ffab00;
    background-image: none;
}
.aui .left_sec .details_area p.poll-desc {
    margin-bottom: 5px;
    color: #000;
    font-size: .90rem;
}
.taglib-ratings.thumbs .thumbrating .rating-label {
    padding: 0 5px;
    background-color: #e8e8e8;
    border-radius: 10px;
    padding: 2px 10px;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image img {
    width: 50px;
    border-radius: 25px;
    border: 2px solid #4f7eaf;
}
.taglib-flags.vvwb_ {
    background: #e8e8e8;
    padding: 2px 10px 5px 10px;
    border-radius: 10px;
    font-size: 0.85rem;
}
.taglib-discussion .lfr-discussion {
    border-bottom-color: #3c2e5100;
}
.message-boarder {
    border: 1px solid #3c2e51;
    margin-top: 25px;
    margin-bottom: 10px;
    border-bottom:  1px solid #3c2e51;
    border-radius: 10px;
}
.aui .accordion-group .toggler-content-expanded {
    border: 1px solid #c1c1c1;
    background: #f5f5f5;
}
.aui .blog-title h3 {
    text-transform: uppercase;
}
.entry-body{
	font-size: 0.95rem;
	}

/*************************** Updatation area 01/08/2018 *********************/


.idea_item .rating{
	margin-bottom:10px;
	}
.idea_item .rating.green,
.idea_item .rating.green a.tagTxt{
	font-weight:700;
	}
.idea_item .rating.sky,
.idea_item .rating.sky a.tagTxt{
	font-weight:700;
	}
.idea_item .rating.orange,
.idea_item .rating.orange a.tagTxt{
	font-weight:700;
	}
/*.idea_item .rating ul li{
	float:left;
	padding:0 0 0 5px;
	}
.idea_item .rating ul li.active i{
	color:#ffcc00;
	}
.idea_item .rating ul li.disabled i{
	color:#e3e3e3;
	}*/

/*-------------- 01/09/2018 updatation--------------------*/
.form_btn .btn_reset{
    padding: 10px 50px;
}
.form_btn .btn_submit{
	padding: 10px 80px;
	}
@media only screen and (max-width: 900px){
.form_btn .btn_submit, .aui .form_btn .btn_submit {
    padding: 10px 40px;
	}
.form_btn .btn_reset, .form_btn .btn_submit, .aui .form_btn .btn_reset, .aui .form_btn .btn_submit {
    padding: 10px 20px;
	}
}
.comment_box .cmnt_option{
	border-bottom:2px solid #e6e8ed;
	padding-bottom:5px;
	color:#646b79;
	}
.comment_box .cmnt_option span.under{
	border-bottom:2px solid #137fd5;
	padding-bottom:5px;
	color:#646b79;
	font-weight:700;
	}
.comment_box .cmnt_option button{
	background-color:transparent;
	border:none;
    font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	color:#646b79;
	}
.comment_box .cmnt_option .dropdown-menu{
	margin:-32px 0 0 -140px;
	}
	
.comment_box .midl_share{
	color:#646b79;
	font-size: 0.875rem;
	font-weight:700;
	margin:10px 0;
	}
.comment_box .midl_share .fa-heart-o{
	color:#ef6482;
	}
.comment_box .midl_share button{
	background-color:transparent;
	border:none;
    font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	color:#646b79;
	font-size: 0.8125rem;
	}
.comment_box .midl_share .dropdown-menu{
	margin:-32px 0 0 -140px;
	}
.comment_box .midl_share a{
	color:#646b79;
	padding:0 20px;
	}

.form_btn .btn_submit.certify {
    height: 60px;
    border-radius: 30px;
    padding: 0 90px;
    font-size: 1.25rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    border: 2px solid #ffab00;
    background-color: #ffab00;
}
.flter_title{
	margin: 3px 2px 0px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #3c2e51;
    float: left;
	}
	
	
/*================ PHASE - 2 ====================*/	
	
/*------------------ get Noc certificate ------------*/	


.property_desk{
    background: rgba(255, 255, 255, 0.7);
    text-align: center;
    padding: 5px;
    border-radius: 10px;
	}
.property_desk .sucs{
	color: #02900e;
	}
.property_desk h4{
	font-weight: 600;
    font-size: 1.10rem;
	}
.GrievanceDetails .GrievanceDetailsCard h4.tokenNo{
	text-transform:uppercase;
	}
.GrievanceDetails .GrievanceDetailsCard h4.no_dues{
	color: #02900e;
	}
.GrievanceDetails .GrievanceDetailsCard h4.dues{
	color: #f00;
	}
.amount_card p{
    font-size: 0.70rem;
    margin-bottom: 3px;
    padding: 0;
    color: #c2c2c2;
    text-transform: uppercase;
	}
.amount_card h4{
    margin: 0 0 10px 0;
    font-size: 1rem;
	font-weight: 600;
	}
.amount_details {
    border: 1px solid #e2e2e2;
    background: #f5f5f5;
    margin: 20px 0;
    border-radius: 10px;
    padding: 5px 15px;
}
.amount_details h4{
    font-weight: 600;
    text-transform: capitalize;
    font-size: 1rem;
	}
.amount_details .vlu {
    background: #ffffff;
    padding: 5px 10px;
    border-radius: 4px;
    color: #3c2e51;
    font-weight: 600;
    font-size: 0.85rem;
    border: 1px solid #e2e2e2;
}
.amount_details .get_noc{
	text-align:center;
	padding:10px 0 15px 0;
	}
.amount_details .btn_noc{
    background: #3c2e51;
    color: #fff;
    padding: 5px 15px;
    border-radius: 25px;
    font-size: 0.85rem;
    margin-top: 10px;
    display: block;
    font-weight: 600;
	}
.amount_details .btn_noc:hover{
    color: #3c2e51;
	background:#ffab00;
	}	


/*--------- Update On 31/01/2018 --------*/

.designation_title{
	font-size: 13px;
    font-weight: 600;
    background: #3c2e51;
	text-transform:uppercase;
    color: #fff;
    padding: 2px 10px;
    border-radius: 100px;
	float:right;
	}
.select_designation{
	width:100%;
	float:left;
	}
.select_designation .select_title,
.select_designation .select_options{
	float:left;
	}
.select_designation .select_title label{
	margin: 8px;
    font-size: 1.1rem;
    font-weight: 600;
	cursor:default;
	}
.select_designation .select_options{
	}
.select_designation select{
	height: 40px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 100px;
    border: 2px solid #3c2e51;
	margin-right:27px;
}

/* updated by Satish on 11/10/2021 */
.text-center {text-align: center;}
.d-flex{display: flex;}
.justify-content-center{justify-content: center;}

/* inner css addition 1-7-2025*/

/* Sidebar */
    .sidebar {
      width: 264px;
      /*background: #faebd7;*/
      background: #e7edf2 !important;
      color: #fff !important;
      height: 100vh;
      border-right: 1px solid #ccc;
      overflow-y: auto;
      padding: 95px 0 10px 10px; /* Top padding for header */
      position: fixed;
      top: 0;
      left: 0;
      z-index: 200;

    }

    .menu {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .menu-item {
      margin: 4px 0;
    }

    .menu-link {
      display: flex;
      align-items: center;
      padding: 7px 16px;
      text-decoration: none;
      color: #333 !important;
      /*color: #fff !important;*/
      font-size: 14px;
      transition: background 0.2s;
      border-radius: 12px;
    }

.menu-item .menu-link:hover {
  background-color: #2665a6 !important;
  color: #fff !important;
  /*background-color: #2665a6;*/
}

.sidebar .menu-link.active {
  /*background-color: black;*/
  	background-color: #2665a6 !important;
	color: #fff !important;
}
    .material-icons {
      font-size: 18px;
      margin-right: 8px;
    }

    .has-submenu .chevron {
      margin-left: auto;
      transition: transform 0.3s;
    }

    .has-submenu.open .chevron {
      transform: rotate(180deg);
    }

    .submenu {
      display: none;
      list-style: none;
      padding-left: 30px;
    }

.menu-link.active,
.submenu-link.active {
  color: #fff !important;
  background-color: #2665a6;
}


.menu-item.active > .submenu {
  display: block; /* keep submenu visible */
}


    .has-submenu.open .submenu {
      display: block;
    }

    .submenu-link {
      display: block;
      padding: 8px 12px;
      text-decoration: none;
      color: #333333 !important;
      /*color: #ffffff !important;*/
      font-size: 13px;
    }

    .submenu-link:hover {
	    /*background-color: #e9cfc9;*/
	  	border-radius: 12px; 
	  	background-color: #2665a6 !important;
    	color: #fff !important;
	  /* Adjust the curve as needed */
     /*  background: #f7f7f7;
      border-left: 3px solid #d32f2f; */
    }

/* Main Content */
.main-content {
	margin-left: 0px;
	margin-top: 0px;
	padding: 110px 0px 30px 0px;
	flex-grow: 1;
	/*overflow-x: auto;*/
	background-color: #f9f9f9;
}
.content-section {
  display: none;
}
.content-section.active {
  display: block;
}
.dashboard-header {
   padding: 8px 6px 0 6px;
}
.dashboard-header h2 {
  font-size: 0.9rem;
}
.dashboard-stats {
  gap: 6px;
  margin: 8px 0 10px 0;
}
.stat-card {
	padding: 8px;
	gap: 6px;
	background: rgb(255, 255, 255); 
	border-radius: 25px; 
	padding: 20px; 
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px inset; 
	text-align: center; 
	transition: transform -0.7s; 
	cursor: pointer; 
	transform: scale(1);
	display:flex;
	flex-direction: column;
    align-items: center;
    border: 1px solid #d3d3d3;
}
.stat-label {
	font-size: 16px;
    margin-top: 10px;
    color: #333;
}
.stat-card .stat-icon {  
  font-size: 2.7rem;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-bottom: 0px;
}
  .stat-value {
    font-size: 20px;
    font-weight: bold;
    color: #000;
  }
  .stat-label {
    font-size: 16px;
    margin-top: 10px;
    color: #333;
  }

.card {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  flex: 1;
  text-align: center;
}
.badge {
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  color: #fff;
}
.badge.approved { background-color: #4caf50; }
.badge.pending { background-color: #ffc107; color: #000; }
.badge.inprocess { background-color: #2196f3; }
.badge.grey { background-color: #9e9e9e; }

.btn.small {
  padding: 5px 8px;
  font-size: 12px;
  border: none;
  border-radius: 4px;
  background-color: #c62828;
  color: white;
  cursor: pointer;
}

    .btn.small:hover {
      background-color: #b71c1c;
    }

    header {
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1000;
      background: #fff;
      border-bottom: 1px solid #eee;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 30px;
      height: 70px;
    }

	.header-left {
        display: flex;
        align-items: center;
        gap: 16px;
      }
      .logo {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: url("https://upload.wikimedia.org/wikipedia/commons/6/6e/PMC_Logo.png")
          center/cover no-repeat;
      }
      .header-title {
        font-size: 1.5rem;
        font-weight: 800;
        color: #5a1812d9;
        margin-bottom: 2px;
      }
      .header-subtitle {
        font-size: 0.95rem;
        color: #444;
        font-weight: 600;
      }
      .header-right {
        display: flex;
        align-items: center;
        gap: 16px;
        padding-right: 0px;
      }
      .lang-dropdown {
        position: relative;
      }

      /* .lang-select {
        background: #fff;
        border: 1px solid var(--primary);
        color: var(--primary);
        border-radius: 8px;
        padding: 6px 18px;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.2s;
      } */

      .lang-select {
        background: var(--primary);
        color: #fff;
        border: none;
        border-radius: 8px;
        padding: 10px 22px;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        transition: background var(--transition);
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        margin-left: 8px;
        margin-right: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
      }

      .lang-select:focus {
        outline: none;
        border-color: #7d1e15;
      }

      .menu-btn {
        background: var(--primary);
        color: #fff;
        border: none;
        border-radius: 8px;
        padding: 7px 22px;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        transition: background var(--transition);
        display: flex;
        align-items: center;
        margin-left: 8px;
      }
      .menu-btn:hover,
      .menu-btn:focus {
        background: #7d1e15;
      }
      .menu-btn .material-icons {
        font-size: 24px;
      }
	


    @media (max-width: 900px) {
      .sidebar { width: 100px; }
      .main-content { margin-left: 100px; }
    }
    @media (max-width: 600px) {
      .main-content { padding: 10px; }
    }
    .app-table {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;
      border: 1px solid #ccc;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      margin-top: 20px;
      font-family: Arial, sans-serif;
    }

    .app-table thead {
      background-color: #2665a6;
      color: white;
    }
    .app-table thead th {
	    background-color: #2665a6;
	    color: #ffffff;
	    padding: 12px;
	    text-align: left;
	    font-weight: bold;
    }

    .app-table tbody td {
      padding: 10px;
      border-top: 1px solid #eee;
    }

    /* Optional: zebra striping */
    .app-table tbody tr:nth-child(even) {
      background-color: #f9f9f9;
    }

    .app-table tbody tr:hover {
      background-color: #f1f1f1;
    }
    .service-search-row {
    /*display: flex;*/
    display: none !important;
    gap: 12px;
    margin-bottom: 0px;
    justify-content: flex-end;
}
      .service-search-row input[type="text"] {
        width: 340px; /* Set a fixed width */
        max-width: 100%; /* Responsive for small screens */
        padding: 10px 16px;
        border-radius: 8px;
        border: 1.5px solid #ddd;
        font-size: 1rem;
        outline: none;
        transition: border var(--transition);
        height: 36px;
        margin-bottom:0px;
      }
      .service-search-row input[type="text"]:focus {
        border: 1.5px solid var(--primary);
      }
     :root {
  --primary: #2665a6;
  --transition: 0.3s ease;
}

.service-search-row button {
    background: var(--primary);
    color: #fff;
    border: none;
    border-radius: 7px;
    padding: 3px 16px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--transition);
    height: auto;
}
.service-search-row button:hover {
  background: #7d1e15;
}

    .icon-circle-hover {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  transition: background 0.3s, transform 0.2s;
  cursor: pointer;
}

/* Hover effect */
.icon-circle-hover:hover {
  background: #d4b5ae; /* slightly darker */
  transform: scale(1.1);
}
     /* Header Styles */
       .main-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: white;
    backdrop-filter: blur(10px);
    border-bottom: 0px solid rgba(255, 255, 255, 0.2);
    z-index: 1000;
    padding: 0px 0;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

 .header-container {
     max-width: 100%;
     margin: 0 auto;
     padding: 0 20px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     width:100%;
 }

 .header-left {
     display: flex;
     align-items: center;
 }

 .logo-section {
     display: flex;
     align-items: center;
     gap: 15px;
 }

 .header-logo {
     width: 50px;
     height: 50px;
     border-radius: 8px;
     /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
 }

.logo-text h1 {
    font-size: 24px;
    font-weight: 700;
    color: #891818;
    margin: 1px;
    line-height: 1.2;
    line-height: 1.2;
}

.logo-text p {
    font-size: 1rem;
    color: #718096;
    margin: 0;
    font-weight: 500;
}

.header-right {
    display: flex;
    align-items: center;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}
    .language-toggle,
        .home-link,
        .register-link {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 10px 15px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 500;
            font-size: 0.9rem;
            transition: all 0.3s ease;
            border: none;
            background: none;
            cursor: pointer;
        }

        .language-toggle {
            background: #f8fafc;
            color: #4a5568;
            border: 1px solid #e2e8f0;
        }

        .language-toggle:hover {
            background: #edf2f7;
            transform: translateY(-1px);
        }

        .home-link {
            background: #667eea;
            color: white;
        }

        .home-link:hover {
            background: #5a67d8;
            transform: translateY(-1px);
            color: white;
        }

        .register-link {
            background: #48bb78;
            color: white;
        }

        .register-link:hover {
            background: #38a169;
            transform: translateY(-1px);
            color: white;
        }

        .language-toggle i,
        .home-link i,
        .register-link i {
            font-size: 1rem;
        }

        /* Adjust body padding for fixed header */
        body {
            padding-top: 100px;
        }

        /* Responsive header */
        @media (max-width: 768px) {
            .header-container {
                padding: 0 15px;
            }

            .logo-text h1 {
                font-size: 1.2rem;
            }

            .logo-text p {
                font-size: 0.75rem;
            }

            .header-logo {
                width: 40px;
                height: 40px;
            }

            .header-actions {
                gap: 10px;
            }

            .language-toggle,
            .home-link,
            .register-link {
                padding: 8px 12px;
                font-size: 0.8rem;
            }

            .language-toggle span,
            .home-link span,
            .register-link span {
                display: none;
            }
        }

        @media (max-width: 480px) {
            .logo-text {
                display: none;
                
            }

            .header-logo {
                width: 35px;
                height: 35px;
            }
        }

        .login-wrapper {
            width: 100%;
            max-width: 1200px;
            background: rgba(255, 255, 255, 0.95);
            border-radius: 20px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            backdrop-filter: blur(10px);
        }

        .login-container {
            display: flex;
            min-height: 600px;
        }

        .login-left {
            flex: 1;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            padding: 60px 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            color: white;
            position: relative;
            overflow: hidden;
        }

        .login-left::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
            opacity: 0.3;
        }

        .login-left-content {
            position: relative;
            z-index: 2;
        }

        .logo-section {
            text-align: center;
        }

        .logo-section img {
            width: 55px;
    height: 50px;
    border-radius: 2px;
        }
a:focus, a:hover {
    text-decoration: none;
    outline: none;
    color: black;
}
    
  
.languagePref {
  display: flex;
  align-items: center;
  padding: 0px;
  /*background: #2665a6;*/
  color:#fff;
  /*border: 0px solid #ccc;*/
  border: none !important;
  border-radius: 8px;
  width: fit-content;
  margin: 0px;
  background: transparent !important;
}

.languagePref .language {
    padding: 7px 10px !important;
    font-size: 16px !important;
    font-weight:600 !important;
    border: 1px solid #888 !important;
    border-radius: 10px !important;
    min-width: 120px !important;
    margin-bottom:0px !important;
    /*background-color:#2665a6;*/
    background-color: #ffffff !important;
    /*color:#fff;*/
    color:#333333 !important;
    height:auto !important;
}
.logout-btn {
	cursor: pointer;
	text-decoration: none;
	color: inherit;
	display: flex;
	align-items: center;
	padding: 5px 20px;
}

#pagination-controls, .pagination-appeal {
    margin-top: 25px;
    text-align: center;
  }
  #pagination-controls button, .pagination-appeal button {
    margin: 2px !important;
    padding: 6px 12px !important;
    border: 1px solid #ccc !important;
    background: #f5f5f5 !important;
    cursor: pointer !important;
  }
  #pagination-controls button.active, .pagination-appeal button.active {
    background-color: #2665a6 !important;
    color: white !important;
  }
  #pagination-controls button:disabled, .pagination-appeal button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
.app-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #ccc;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	margin-top: 20px;
	font-family: Arial, sans-serif;
}

.app-table thead {
	background-color: #2665a6;
	color: white;
}

.app-table thead th {
	padding: 12px;
	text-align: left;
	font-weight: bold;
}

.app-table tbody td {
	padding: 10px;
	border-top: 1px solid #eee;
}

/* Optional: zebra striping */
.app-table tbody tr:nth-child(even) {
	background-color: #f9f9f9;
}

.app-table tbody tr:hover {
	background-color: #f1f1f1;
}

.stat-icon-approved {
	background: #e0f7e9;
	color: #4caf50;
}

tr:hover td {
      background: #e3f2fd;
    }
	.file-upload {
		border: 2px dashed #ddd;
		border-radius: 10px;
		padding: 5px 10px;
/* 		background-color: #FFF8F0; */
		margin-bottom: 10px;
		/* box-shadow: 0 2px 6px rgba(0,0,0,0.1); */
	}

	.file-select {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 12px;
	}
.file-upload .file-select .file-select-button {
    background: /*#9CAAC6*/ #a50d22;
    padding: 0 10px;
    display: inline-block;
    height: 25px;
    line-height: 1.4;
    border-radius: 5px;
    color: #fff;
    min-width: 109px;
    width:auto;
    border: 2px solid #979393;
}
.file-upload .file-select {
    /* display: block; */
    color: #34495e;
    cursor: pointer;
    height: 42px;
    /* line-height: 40px; */
    /* text-align: left; */
    /* background: #FFFFFF; */
    /* overflow: hidden; */
    position: relative;
    }
	.file-select-button {
    background: /*#9CAAC6*/ #950d0d;
    padding: 0 10px;
    display: inline-block;
    height: 28px;
    line-height: 27px;
    border-radius: -8px;
    width: 131px;
    background-color: white;
	}

	.file-select-button:hover {
		background-color: #A0522D;
	}

	.file-select-name {
		font-size: 14px;
		color: #5A3412;
		min-width: 200px;
		font-weight: 500;
	}

	input[type="file"] {
		display: none;
	}

	#file_valid_${documents.docId} {
		font-size: 12px;
		color: red;
		margin-top: 5px;
	}
.tab-content {
	/*padding: 30px 0;*/
	padding: 30px 0 0;
}

.form-section {
	background: white;
	border-radius: 8px;
	padding: 25px;
	margin-bottom: 20px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.form-section h4 {
	color: #333;
	border-bottom: 2px solid #2665a6;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.file-upload-area {
	border: 2px dashed #2665a6;
	border-radius: 8px;
	padding: 40px;
	text-align: center;
	background: #f8f9fa;
	transition: all 0.3s ease;
	cursor: pointer;
}


.file-upload-area:hover {
	border-color: #2665a6;
	background: #e3f2fd;
}

.file-upload-area.dragover {
	border-color: #28a745;
	background: #d4edda;
}

.uploaded-file {
	background: #e8f5e8;
	border: 1px solid #28a745;
	border-radius: 5px;
	padding: 10px;
	margin: 10px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btn-navigation {
	margin: 10px 5px;
	padding: 10px 25px;
	border-radius: 5px;
}

.progress-indicator {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.progress-step {
	flex: 1;
	text-align: center;
	position: relative;
}

.progress-step::after {
	content: '';
	position: absolute;
	top: 15px;
	left: 50%;
	width: 100%;
	height: 2px;
	background: #dee2e6;
	z-index: -1;
}

.progress-step:last-child::after {
	display: none;
}

.progress-step.active::after {
	background: #2665a6;
}

.progress-circle {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #2665a6;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px;
	font-weight: bold;
}
.file-upload.dragover {
		border: 2px dashed #8B4513;
		background-color: #fdf3e7;
	}
	
.progress-step.active .progress-circle {
	background: #007bff;
}

.progress-step.completed .progress-circle {
	background: #28a745;
}
.progress-step .progress-circle:before {
    display: none;
}

.review-item {
	background: #f8f9fa;
	border-radius: 5px;
	padding: 15px;
	margin: 10px 0;
	border-left: 4px solid #007bff;
}

.payment-method {
	border: 2px solid #dee2e6;
	border-radius: 8px;
	padding: 20px;
	margin: 10px 0;
	cursor: pointer;
	transition: all 0.3s ease;
}

.payment-method:hover {
	border-color: #007bff;
}

.payment-method.selected {
	border-color: #007bff;
	background: #f0f8ff;
}

.confirmation-success {
	text-align: center;
	padding: 40px;
}

.confirmation-success i {
	font-size: 4rem;
	color: #28a745;
	margin-bottom: 20px;
}

.alert-custom {
	border-radius: 8px;
	border: none;
	padding: 15px 20px;
}

.progress-container {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-bottom: 30px;
  max-width: 920px;
}

.progress-step {
  text-align: center;
  flex: 1;
}

.progress-circle {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #d3d3d3;
	color: black;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	font-weight: bold;
	position: relative;
	z-index: 11;
}

.progress-step.active .progress-circle {
  background-color: #2665a6;
  color: white;
}
body .btn-check:focus+.btn-primary, 
body .btn-primary:focus,
body .btn:focus-visible {
    color: #fff;
    background-color: #2665a6;
    border-color: #2665a6;
    box-shadow: 0 0 0 .25rem rgba(167, 42, 42, .5);
}
.modal {
    display: none;
    position: fixed;
    z-index: 1050;
    right: 0;
    bottom: 0;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0,0,0,0.5);
}

.tab-container {
	background: white;
	border-radius: 10px;
	padding: 20px 20px 20px;
	margin: 0px 0;
}

.nav-tabs {
	border-bottom: 2px solid #dee2e6;
}

.nav-tabs .nav-link {
	border: none;
	color: #6c757d;
	font-weight: 500;
	padding: 12px 20px;
	margin-right: 5px;
	border-radius: 5px 5px 0 0;
	transition: all 0.3s ease;
}

.nav-tabs .nav-link.active {
	background-color: #007bff;
	color: white;
	border: none;
}

.nav-tabs .nav-link:hover {
	background-color: #e9ecef;
	border: none;
}

/*.tab-content {
	padding: 30px 0;
}*/

.form-section {
	background: white;
	border-radius: 8px;
	padding: 25px;
	margin-bottom: 20px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.form-section h4 {
	color: #333;
	border-bottom: 2px solid #2665a6;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.file-upload-area {
	border: 2px dashed #2665a6;
	border-radius: 8px;
	padding: 40px;
	text-align: center;
	background: #f8f9fa;
	transition: all 0.3s ease;
	cursor: pointer;
}

.file-upload-area:hover {
	border-color: #2665a6;
	background: #e3f2fd;
}

.file-upload-area.dragover {
	border-color: #28a745;
	background: #d4edda;
}

.uploaded-file {
	background: #e8f5e8;
	border: 1px solid #28a745;
	border-radius: 5px;
	padding: 10px;
	margin: 10px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btn-navigation {
	margin: 10px 5px;
	padding: 10px 25px;
	border-radius: 5px;
}

.progress-indicator {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.progress-step {
	flex: 1;
	text-align: center;
	position: relative;
}

.progress-step::after {
	content: '';
	position: absolute;
	top: 15px;
	left: 50%;
	width: 91%;
	height: 2px;
	background: #d3d3d3;
	z-index: 1;
}
.review-item {
	background: #f8f9fa;
	border-radius: 5px;
	padding: 15px;
	margin: 10px 0;
	border-left: 4px solid #2665a6;
}

.payment-method {
	border: 2px solid #dee2e6;
	border-radius: 8px;
	padding: 20px;
	margin: 10px 0;
	cursor: pointer;
	transition: all 0.3s ease;
}

.payment-method:hover {
	border-color: #2665a6;
}

.payment-method.selected {
	border-color: #2665a6;
	background: #f0f8ff;
}

.confirmation-success {
	text-align: center;
	padding: 40px;
}

.confirmation-success i {
	font-size: 4rem;
	color: #28a745;
	margin-bottom: 20px;
}

.alert-custom {
	border-radius: 8px;
	border: none;
	padding: 15px 20px;
}

    
    .form-row {
  display: flex;
  gap: 20px;
  margin-top: 44px;
}

.form-group {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.form-group label {
  margin-bottom: 5px;
}
/*.progress-circle:before {
    content: "";
    left: 65%;
    background-color: lightgray;
    height: 1px;
    display: block;
    position: absolute;
    margin: 0 auto;
    width: 70%;
}*/
.border-dashed {
    border: 2px dashed #ddd;
}
.form-control {
  padding: 6px 10px;
  font-size: 14px;
  height:38px !important;
}
.modal-dialog {
    position: relative;
    width: auto;
    /*margin: 10px;*/
    margin: 20px auto;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header .close {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    opacity: 0.5;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.modal-title {
    margin: 0;
    font-size: 1.3rem;
    font-weight: bold;
}

.modal-body {
    position: relative;
    padding: 15px;
    overflow-y: auto;
    max-height: calc(100vh - 200px);
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.dataTables_filter {
	margin-bottom: 15px;
}
body .paging_full_numbers a.paginate_button {
    background-color: #f9f9f9;
}
body .paging_full_numbers a.paginate_button, 
body .paging_full_numbers a.paginate_active {
    border: 1px solid #ddd;
    padding: 5px 10px;
	text-decoration: none;
}
body .paging_full_numbers a.paginate_active {
    background-color: #2665a6;
	color: #fff !important;
}

table.table thead tr th {
    font-weight: 600 !important;
}
.btn.btn-primary {
	border-radius: 0 !important;
	padding: 10px 30px !important;
	font-size: 14px;
	border-radius: 7px !important;
}
.alert-msg-top {
	font-style: italic;
	font-weight: 600;
	/*color: #2665a6 !important;*/
}
.tab-container .tab-content .form-section {
    box-shadow: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
@media print {
    body * {
        visibility: hidden;
    }
    #printableArea, #printableArea * {
        visibility: visible;
    }
    #printableArea {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
}

.page-title-main {
	text-align: center;
	background-color: #ffffff;
	padding: 20px 20px;
	border-radius: 7px;
	font-weight: 500;
	margin-bottom: 20px;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.page-title-main-button .btn {
    position: absolute;
    right: 30px;
}

.sidebar ul.menu li.menu-item.has-submenu.open>a {
    /*background-color: #fff;
    color: #333 !important;*/
    background-color: #2665a6 !important;
    color: #fff !important;
}
.btn.bg-success {
    border-radius: 7px !important;
}
.logout-btn {
	color: #333;
}
/*footer start*/
.footer-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	font-size:12px;
	padding-right:10px;
	padding-left:10px;
}
.footer-container span {
    flex: 1;
    text-align: center;
}
.footer-container span.left {
    text-align: left;
}
.footer-container span.right {
    text-align: right;
}

.sidebar .material-icons {
	width: 24px;
}

.appeal-select button.btn.btn-primary {
    padding: 5px 30px !important;
}
.appeal-select select {
    padding: 5px 5px;
    min-width: 170px;
    padding-right: 40px;
}
.appealmain-body .col-md-10 {
    width: 100%;
}
.appealdashboard-container {
    max-width: 1200px;
    margin: 0 auto !important;
    width: 100%;
}

@media (max-width:1440px) {
	.sidebar {
		width: 239px;
	}
	.stat-card {
		padding: 15px;
	}
	.app-table thead th {
	    padding: 8px;
	}
	table {
	    font-size: 14px;
	}
	body .h6, body h6 {
	    font-size: 0.9rem;
	}
	footer {
	    padding-left: 240px;
	}
	.btn.py-2 {
	    padding-top: 0.3rem !important;
	    padding-bottom: 0.3rem !important;
	}
	.btn.px-4 {
	    padding-right: 1rem !important;
	    padding-left: 1rem !important;
	}
	.language {
	    padding: 7px 10px;
	    font-size: 15px;
	}
	.service-search-row button {
	    padding: 3px 15px;
	    font-size: 15px;
	}
	.logo-text h1 {
	    font-size: 22px;
	}
}
@media (max-width:1380px) {
	body {
		font-size: 14px !important;
	}
}
@media (max-width:1360px) {
	.sidebar {
        width: 226px;
    }
	.menu-link {
	    padding: 8px 10px;
	    font-size: 13px;
	}
	footer {
	    padding-left: 226px;
	}
}
@media (max-width:1280px) {
	.sidebar {
        width: 213px;
    }
	.logo-text h1 {
	    font-size: 20px;
	}
}
@media (max-width:1199px) {
	.sidebar {
        width: 199px;
    }
	.logo-text h1 {
        font-size: 18px;
    }
	.logo-text p {
	    font-size: 0.9rem;
	}
	.menu-item {
	    margin: 2px 0;
	}
	.material-icons {
	    font-size: 20px;
	}
	.stat-label {
	    font-size: 14px;
	    margin-top: 5px;
	}
	.stat-value {
	    font-size: 18px;
	}
}
@media (max-width:1024px) {
	.sidebar {
	    width: 170px;
	}
	#dashboard .dashboard-stats {
		padding: 10px !important;
		grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
	}
	.stat-card .stat-icon {
	    font-size: 2rem;
	    width: 25px;
	    height: 25px;
	}
	table {
	    font-size: 12px;
	}
	body .h6, body h6 {
	    font-size: 0.8rem;
	}
}
@media (max-width:1024px) {
	.sidebar {
	    width: 165px;
	}
	#dashboard .dashboard-stats {
		padding: 10px !important;
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
	}
	.stat-card .stat-icon {
	    font-size: 2rem;
	    width: 25px;
	    height: 25px;
	}
	table {
	    font-size: 12px;
	}
	body .h6, body h6 {
	    font-size: 0.8rem;
	}
}
@media (max-width:992px) {
	.stat-card {
        padding: 10px;
        border-radius: 15px;
    }
}
@media (max-width:768px) {
	.service-search-row input[type="text"] {
	    width: auto;
	    padding: 10px 10px;
	}
	main > .container-fluid > .row .col-md-10 {
		width:100%;
	}
	main > .container-fluid > .row .col-md-2 {
		width: 0px;
	}
	
	main > .container-fluid > .row .col-md-2 #myParagraph .sidebar {
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 190px;
		z-index: 100;
	}
	main > .container-fluid > .row .col-md-2 #myParagraph.openSidebar .sidebar {
		display: inline-block;
	}
	main > .container-fluid > .row .col-md-2 #myParagraph button#toggleButton {
	    position: fixed;
	    top: 90px;
	    left: 0px;
		width: 40px;
        border: 1px solid #2665a6;
        background-color: #2665a6;
        box-shadow: none;
        outline: none;
        color: #fff;
        border-radius: 0px 10px 10px 0px;
		padding: 2px 7px;
	}
	main > .container-fluid > .row .col-md-2 #myParagraph.openSidebar button#toggleButton {
		left: 190px;
	}
	.main-content {
        margin-left: 0px;
    }
	#dashboard .dashboard-stats {
	    padding: 10px !important;
	    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
	}
	.logo-text h1 {
        font-size: 0px;
        position: relative;
        margin: 0px !important;
        width: 50px;
        height: 15px;
    }
	.logo-text h1:after {
	    content: "PMC";
	    font-size: 14px;
	    width: 100%;
	    position: absolute;
	}
}
@media (max-width:767px) {
	.main-header {
		height: auto !important;
		padding: 5px 0;
		position: relative;
		flex-wrap: wrap;
	}
	.header-left {
	    width: 100%;
	    justify-content: center;
	    margin-bottom: 5px;
	}
	.logo-text {
	    display: inline-block;
	}
	.logo-text h1 {
	    font-size: 0px;
	    position: relative;
	    margin: 0px !important;
	    width: 50px;
	    height: 15px;
	}
	.logo-text h1:after {
	    content: "PMC";
	    font-size: 14px;
	    width: 100%;
	    position: absolute;
	}
	.service-search-row {
	    gap: 8px;
	    max-width: 65%;
	}
	.service-search-row input[type="text"] {
        width: auto;
        padding: 10px 10px;
        max-width: 70%;
    }
	.sidebar, .main-content, header {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
    }
	header {
		align-items: flex-start;
		flex-wrap: wrap;
		height: auto;
	}
	.header-container {
        flex-wrap: wrap;
    }
	.service-search-row button {
	    padding: 3px 15px;
	    font-size: 13px;
	}
	.language {
	    padding: 8px 10px;
	    font-size: 13px;
	}
	main {
	    padding-top: 10px;
	}
	main > .container-fluid > .row .col-md-2 #myParagraph button#toggleButton {
		top:110px;
		z-index: 99;
	}
	main > .container-fluid > .row .col-md-2 #myParagraph .sidebar {
		top:100px;
	}
}