import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700');
.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,
input:focus, 
textarea:focus, 
select:focus,
.submitForm form input[type='text']:focus,
.submitForm form select:focus,
.submitForm form textarea:focus {
    border-color: #797979b3;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #3c3b3b73;
    box-shadow: 0 0 6px #3c3b3b73;
}

.mandatory{color:#da1a1a!important;}
/* Responsive CSS 16.11.2019*/
@media(min-device-width : 768px)  and (max-device-width : 1024px)  
{
	[data-tooltip]:before { margin-left: -150px!important;}
	.demo a { margin: 4em 0px!important;}

	.submitForm form .table input[type='text'], 
	.submitForm form .table input[type='number'], 
	.submitForm form .table input[type='email'], 
	.submitForm form .table input[type='password'],
	.submitForm form .table input[type='select']
		{
		  margin: 0px 0 0 0!important;
		}
}
@media(max-device-width : 1366px)  
{
	.login_page{padding: 103px 0 0px 0;}
}
.onlyprintreceipt th, .onlyprintreceipt td {padding: 5px!important;line-height:14px!important;font-size: 14px;}
/* ******************************************** */
.aui .nav-tabs > li > .active a{background-color: #ffffff!important;}
.nav-tabs > .active > a,
 .nav-tabs > .active > a:hover, 
 .nav-tabs > .active > a:focus,
 .nav-tabs > .active > a:active,
 .aui .nav-tabs > li > .active a  {
    color: #555555!important;
    cursor: default;
    background-color: #e1e4ff!important;
    border: 1px solid #99a3f7;
    border-bottom-color: transparent;
}
.SerialNoCenter {text-align: center!important;}
.table .control-group{    margin-bottom: 0px;height: 38px;}
/* Page Preloder 24/05/2019 */

#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 */
/* ******************************************** */
.table {
    font-size: 16px;
}
.table th {
    font-weight: normal!important;
}

a, button{
	text-decoration:none;
	outline:none;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
    color: #3c2e51;	
}
a:focus, a:hover{
	text-decoration:none;
	outline:none;
	color:#ffab00;
}
*:focus {
    outline: none;
}
textarea:focus, input:focus,  label:focus{
    outline: none;
}
ul{
	list-style-type:none;
	padding:0;
	margin:0;
}

body{
	margin: 0;
    padding: 0;
	width:100%;
	background:#fff;
	float:left;
	/*font-family: 'Open Sans', sans-serif;*/
    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";
}
select::-ms-expand {
    border:none;
    background:transparent;
}
select::-ms-expand option{
	line-height:30px;
}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: transparent;
}
hr {
    margin: 2px -15px 23px!important;
    border-bottom: 1px solid #3c2e51;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.btn-info {background: rgba(251,170,63,1)!important;}
/* Moema */
.button {
	float: right;
	min-width: 113px;
	display: block;
	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 #ee792d;
}
.button--moema {
	margin-top: 6px;
	padding: 0.7em 0em;
	border-radius: 5px;
	background: #ffac00;
	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: 5px;
	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);
	}
}
/* ********************** */



/* portfolio section==================================================*/

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.no-padding [class^="col-"] {
    padding-left: 0;
    padding-right: 0;
}
.portfolio .categories-grid span {
    font-size: 30px;
    margin-bottom: 30px;
    display: inline-block;
}

.portfolio .categories-grid .categories ul li {
    list-style: none;
    margin: 20px 0;
}

.portfolio .categories-grid .categories ul li a {
    display: inline-block;
    color: #60606e;
    padding: 0 10px;
    margin: 0 10px;
    -webkit-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s;
}

.portfolio .categories-grid .categories ul li a:hover,
.portfolio .categories-grid .categories ul li a:focus {
    text-decoration: none;
}

.portfolio .categories-grid .categories ul li a.active {
    margin-left: 0;
    background-color: #ffbf00;
    padding: 0px 20px;
    color: white;
    border-radius: 25px;
    text-decoration: none;
}

.portfolio_filter {
    padding-left: 0;
}

.portfolio_item {
    position: relative;
    overflow: hidden;
    display: block;
}

.portfolio_item .portfolio_item_hover {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.portfolio_item .portfolio_item_hover .item_info {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px;
    width: 100%;
    font-weight: bold;
}

.portfolio_item .portfolio_item_hover .item_info span {
    display: block;
    color: #fff;
    font-size: 18px;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s;
    opacity: 0;
}

.portfolio_item .portfolio_item_hover .item_info em {
    font-style: normal;
    display: inline-block;
    background-color: #ffbf00;
    padding: 5px 20px;
    border-radius: 25px;
    color: #333;
    margin-top: 10px;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
    font-size: 10px;
    letter-spacing: 2px;
}

.portfolio_item:hover .portfolio_item_hover {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.portfolio_item:hover .item_info em,
.portfolio_item:hover .item_info span {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.portfolio .categories-grid .categories ul li {
    float: left;
}

.portfolio .categories-grid .categories ul li a {
    padding: 0 10px;
    -webkit-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s;
}

.portfolio_filter {
    padding-left: 0;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}

.portfolio-inner {
    padding-bottom: 0 !important;
    padding-top: 55px;
}

/* Responsive media queries
==================================================*/

@media (max-width: 991px) {
    .portfolio .categories-grid span {
        margin-bottom: 0;
        text-align: center;
        width: 100%;
    }
    .portfolio .categories-grid .categories ul li {
        text-align: center;
    }
    .portfolio .categories-grid .categories ul li a {
        margin-left: 0;
    }
    .col-md-6 h3 {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 670px) {
   
    
    .portfolio .categories-grid .categories ul li {
        float: none;
    }
}

@media only screen and (max-width: 520px) {
   
    .main-container {
        padding: 50px 0;
    }
}
/* portfolio section==================================================*/




.span12 .submitForm{margin-left: 42px!important;}
/*Form backgound*/
.form-back{background:#fff;}

/*Start 18Aug2018*/
.listback {/*background: url(../../img/updated-03.jpg) no-repeat fixed;*/
/*background: url(../../img/chat_window_bg.jpg) no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    opacity: 0.8;
    border: 2px solid #ccc;
   background: #3f357c0d;*/
border-radius: 8px;
/*border: 1px solid #ccc;*/
}
.span12 .submitForm{background: #fff;border: 2px solid #ccc;border: 2px solid #ccc;border-radius: 8px;}
.form_group .form_btn{text-align:center;}
/*td,th,td a i{text-align:center!important;}*/
/*End 18Aug2018*/
.center{
	text-align:center!important;
}

.blink {
      animation: blink 10s steps(5, start) infinite;
      -webkit-animation: blink 5s steps(5, start) infinite;
    }
    @keyframes blink {
      to {
        visibility: hidden;
      }
    }
    @-webkit-keyframes blink {
      to {
        visibility: hidden;
      }
    }
     

/*--------- Grid style --------*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{
    width: 97%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;	
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12,
.row-fluid .span1,.row-fluid .span2,.row-fluid .span3,.row-fluid .span4,.row-fluid .span5,.row-fluid .span6,.row-fluid .span7,.row-fluid .span8,.row-fluid .span9,.row-fluid .span10,.row-fluid .span11,.row-fluid .span12{
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	margin-left:0;
	margin-right:0;
}
.portlet-column.portlet-column-only.span12{
    padding-right: 0px;
    padding-left: 0px;	
}


.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.span1,.row-fluid .span1,.row .span1{
    width: 8.33333333%;
}
.span2,.row-fluid .span2,.row .span2{
	width: 16.66666667%;	
}
.span3,.row-fluid .span3,.row .span3{
    width: 25%;	
}
.span4,.row-fluid .span4,.row .span4{
    width: 33.33333333%;	
}
.span5,.row-fluid .span5,.row .span5{
    width: 41.66666667%;	
}
.span6,.row-fluid .span6,.row .span6{
    width: 50%;	
}
.span7,.row-fluid .span7,.row .span7{
    width: 58.33333333%;	
}
.span8,.row-fluid .span8,.row .span8{
    width: 66.66666667%;	
}
.span9,.row-fluid .span9,.row .span9{
	width: 75%;	
}
.span10,.row-fluid .span10,.row .span10{
    width: 83.33333333%;	
}
.span11,.row-fluid .span11,.row .span11{
    width: 91.66666667%;	
}
.span12,.row-fluid .span12,.row .span12{
    width: 100%;	
}


/*------------------ Ripple Effect // Start ----------------*/
a, a:focus, button:focus{
	outline:none;
	border:none;
	/*text-decoration: underline;*/
}

.rippleria-ink {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  transform: scale(0);
  -webkit-transform: scale(0);
  z-index: 10;
}
.HomeIconArea .rippleria-ink {
	background: rgba(239, 76, 78, 0.1);	
}
.rippleria-dark .rippleria-ink {
  background: rgba(0, 0, 0, 0.2);
}
@keyframes rippleria {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
@-webkit-keyframes rippleria {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
  }
}
.pad0{
	padding:0px !important;
}

/*------------------ Ripple Effect // End ----------------*/

.TopNav .brand.Logo{
    position: absolute;
    left: 46.5%;
    top: -10%;
    background: #fff;
    padding: 19px;
    -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);	
}
.navbar-inner{
	min-height: 60px;
    background: #f7f0eb;
    border: none;
	border-radius: 17px;
  
  /* background:url(../../img/bg1.jpg);
    -webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;		
	background-size:cover;*/
 }
.navbar .nav{
    margin: 15px 0;	
}
.navbar .nav.pull-right {
	/* margin: 15px 0 8px;	*/margin: 15px 0 -9px;
}
.TopNav.navbar .nav li.fontSize{
	float:left;
	padding: 0 10px;	
}
.TopNav.navbar .nav li{
    line-height: 15px;
}
.TopNav.navbar .nav li.fontSize li{
	float:left;
}
.TopNav.navbar .nav li.fontSize li a{
	display: block;
    padding: 5px;
    width: 38px;
    text-align: center;
    background:tranparent;
    color:#000;
   /* -webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;*/
      -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 5px 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    height: 38px;
    border: 1px solid #3c2e51;
	cursor:pointer;
	line-height: 25px;	
}
.TopNav.navbar .nav li.fontSize li a.active{
	border:1px solid #000;	
    /* color: #fff;
	background: #00000047;
	width: 44px;
    height: 44px;
    font-size: 20px;*/
}
.TopNav.navbar .nav li.fontSize li a:hover{
	border:1px solid #3c2e51;	
    /*color: #fff;
	border:2px solid #3c2e51;	
	background: #00000047;
	width: 40px;
    height: 40px;
    font-size: 20px;*/
}
/*.TopNav.navbar .nav li.fontSize li a:hover{
    color: #3c2e51;	
}*/

.TopNav.navbar .nav li.languagePref select{
    width: 90px;
    line-height: 31px;
    padding: 0 5px;
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 5px;
    color: #3c2e51;
    border: 1px solid #9CAAC6;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    height: 37px;
    margin: 0;	
    background: transparent;	
}
.TopNav.navbar .nav li.TollFree a{
    padding: 4px 12px 4px 10px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 30px;
    background: #3c2e51;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    /* height: 27px; */
    margin: 0 0 0 10px;
    line-height: 27px;
}
.TopNav.navbar .nav li.TollFree a:hover{
	background:#6c3483;
}

.TopNav.navbar .nav li.TollFree.NavLoginBtn a{
	padding: 5px 15px;
    font-size: 14px;
    font-weight: 600;	
}
.TopNav.navbar .nav li.TollFree a span{
	font-size:28px;
	font-weight:500;
}
.navbar .nav > li > a{
	text-shadow:none;	
}
.TopNav.navbar .nav li.userAvatar a,
.TopNav.navbar .nav li.home a{
    padding: 2px 10px;	
}
.TopNav.navbar .nav li.pmc_gov a{
    padding: 0px 10px;	
}
.TopNav.navbar .nav li.pmc_gov a{
    padding: 0px 10px;	
}
.TopNav.navbar .nav li.dropdown a img{
	
}
/*.TopNav.navbar .nav li.dropdown a.dropdown-toggle{
	padding: 6px 10px 4px;
}*/
.TopNav.navbar .nav li.dropdown a span{
	width:30px;
	height:26px;
	background:url(../../img/menu.svg) 50% 50% no-repeat;
	display:inline-block;
}
.TopNav.navbar .nav li.dropdown.open a span{
	width:30px;
	height:26px;
	background:url(../../img/menu_cross.svg) 50% 50% no-repeat;
	display:inline-block;
}
.navbar .nav li.dropdown.open > .dropdown-toggle{
	background-color: #fff;	
}
.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after{
	display:none;
}
.dropdown-menu {
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.TopNav .dropdown-menu > li > a{
    font-family: 'Open Sans', sans-serif;
    color: #222223;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    border-bottom: 1px solid #f1f1f1;
}
.TopNav .dropdown-menu > li:last-child > a{
	border:none;
}
.TopNav .dropdown-menu > li > a:hover{
	background:#fff;
	color:#ffab00;
}
.TopNav .dropdown-menu > li > a.active{
	background:#ffab00;
	color:#fff;
}
.TopNav .dropdown-menu > li > a.active:hover{
	color:#222223;
}

.TopNav.navbar .nav li.dropdown.userAvatar a i{
	display:inline-block;
	margin-right: 5px;	
}
.TopNav.navbar .nav li.dropdown.userAvatar a span{
    width: /*15px*/24px;
    height: 26px;
   /* background: url(../../img/icon/user_dropdown.png) 50% 50% no-repeat;*/
    display: inline-block;
	vertical-align:top;
}
.TopNav.navbar .nav li.dropdown.userAvatar a h4,
.TopNav.navbar .nav li.dropdown.userAvatar a p{
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 14px;
	display:inline-block;
	padding:0;
	margin:0;
	line-height:30px;
	vertical-align:top;
}
.TopNav.navbar .nav li.dropdown.userAvatar a h4 span.userName,
.TopNav.navbar .nav li.dropdown.userAvatar a h4 p{
    color: #ffab00;
    display: inline-block;
    width: auto;
    height: auto;
    background: no-repeat;	
    margin-top: -7px;
}
.TopNav.navbar .nav li.notification a{
    display: block;
    text-align: center;
	padding: 3px 5px;
}
.TopNav.navbar .nav li.notification a i{
    width: 35px;
    height: 35px;
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid #d0d0d0;
    padding: 2px;
	position:relative;
}
.TopNav.navbar .nav li.notification a i .indicator{
    display: inline-block;
    background: #3c2e51;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    right: -10px;
    top: -6px;
    z-index: 100;
    padding: 3px 7px 4px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

/*-------------- banner --------------*/

.bannerArea{
	width:100%;
	height:709px;
	/*float:left;*/
	position:relative;
	/*background:url(../../img/banner.jpg) 50% 50% no-repeat;*/
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;		
	background-size:cover;
}
/*.bannerArea:before{
	content:" ";
	position:absolute;
	width:100%;
	height:450px;
	float:left;
	left:0;
	top:0;
	z-index:1;
	background: #750f0d;
	background: -moz-linear-gradient(top, #750f0d 0%, #07031e 100%);
	background: -webkit-linear-gradient(top, #750f0d 0%,#07031e 100%);
	background: linear-gradient(to bottom, #750f0d 0%,#07031e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#750f0d', endColorstr='#07031e',GradientType=0 );
	opacity:0.2;
}*/

.bannerArea.innerPageBanner {
    height: 360px;
}
.bannerArea.innerPageBanner:before{
	background: #750f0d;
	background: -moz-linear-gradient(top, #e3691a 0%, #3e347b 100%);
	background: -webkit-linear-gradient(top, #e3691a 0%,#3e347b 100%);
	background: linear-gradient(to bottom, #e3691a 0%,#3e347b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3691a', endColorstr='#3e347b',GradientType=0 );	
}

/*.bannerArea .bannerImg{
	width:100%;
	height:450px;
	float:left;	
}
.bannerArea .bannerImg img{
    width: 100%;
    height: 100%;
}*/

.bannerArea h4.BannerText{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 26px;
    line-height: 36px;
    font-weight: 400;
    width: 50%;
    display: inline-block;
    text-align: center;
    position: absolute;
    bottom: 15%;
    z-index: 50;
    left: 25%;
}
.bannerArea h4.BannerText span{
    font-size: 26px;
	font-weight:600;
}
.bannerArea h4.BannerText span.upper{
	text-transform:uppercase;
}

/*.bannerArea .stickerVisitor{
    display: inline-block;
    padding: 5px 10px 5px 75px;
    -webkit-border-radius: 50px 0 0 50px;
    -moz-border-radius: 50px 0 0 50px;
    -o-border-radius: 50px 0 0 50px;
    border-radius: 50px 0 0 50px;
    background: #ffab00 url(../../img/sticker_icon.png) 5px 6px no-repeat;
    position: absolute;
    right: 0;
    bottom: 200px;
    z-index: 100;
    width: 250px;	
}*/
/*LEft FMC Login */
.bannerArea .FMCLogin {
   
}

/*LEft FMC Login */
.bannerArea .sticker{
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 50px 0 0 50px;
    -moz-border-radius: 50px 0 0 50px;
    -o-border-radius: 50px 0 0 50px;
    border-radius: 50px 0 0 50px;
    background: #ffab00;
    /* position: fixed; */position: absolute;
    right: 0;
    bottom: 168px;
    z-index: 100;
    height: 62px;
    width: 250px;	
}
/*--------5th Dec2018 Sticker Visitor // start -------*/
.bannerArea .stickerVisitor{
    display: inline-block;
   padding: 5px 110px 5px 152px;
    -webkit-border-radius: 0px 0 0 0px;
    -moz-border-radius: 0px 0 0 0px;
    -o-border-radius: 0px 0 0 0px;
    border-radius: 40px;
    /* background:  #ffab00 url(../../img/sticker_icon.png) 235px 6px no-repeat; */
    background:  #ffab00 url(../../img/sticker_icon.png) 238px 5px no-repeat;		/* by Satish(20.9.2022)  */
    position: absolute;
    left: -51px;
    /* bottom:22px; */
    bottom: 82px;															/* by Satish(20.9.2022)  */
    z-index: 100;
    width: 297px;
}
/*--------5th Dec2018  Sticker Visitor // start -------*/


.bannerArea .stickerVisitor .c__b{
	display:none;
}
.bannerArea .stickerVisitor #__f.__f .c__h {
    font-size: 0.625rem;
    padding: 5px 5px 5px 0;
    border: none;
    background: #ffab00;
    width: 160px;
    float: left;
}
.bannerArea .stickerVisitor #__f.__f .c__t{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    font-weight: 600;
    width: 100%;
    float: left;
    vertical-align: top;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.bannerArea .stickerVisitor #__f.__f .c__t span{
    font-size: 16px;
    font-weight: 700;
}

/*-------- Sticker Visitor // End -------*/

.bannerArea a.sticker i,
.bannerArea a.stickerVisitor i{
	width:53px;
	height:53px;
	display:inline-block;
	margin-right: 10px;
}
.bannerArea a.sticker .textArea{
    width: 170px;
    float: right;
}
.bannerArea a.sticker p{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 11px;
    line-height: normal;
    font-weight: 600;
    
    margin: 0;
    /*display: inline-block;
    padding: 0px 5px 0;*/
    vertical-align: top;
    text-transform: uppercase;
    /*letter-spacing: 0.2px;*/
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);	
}
.bannerArea a.sticker.whatsNew{
	    background:  /*#9CAAC6*/#732a2a;
    bottom: 81px;	
}
.bannerArea a.sticker h4{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 1rem;
    line-height: 30px;
    font-weight: 700;
	padding: 0px 0 0 0;
    margin: 0;
    /*display: inline-block;*/
    vertical-align: top;	
}
.bannerArea a.sticker.whatsNew h4{
    color: #fff;
    padding: 0;
    font-size: 16px;
}

.bannerArea a.sticker.whatsNew p{
	padding:0;
}
/*pmc login sticker*/
.bannerArea .pmcsticker textArea p{
	padding:0px 5px 0!important;
}
.bannerArea a.sticker.pmcsticker h4{
    color: #fff;
    padding: 0;
    font-size: 16px;
}
.bannerArea a.sticker.pmcsticker{
	    background: /* #5A79A5*/#ffab00;
}
/* ***********  hospital login sticker***********/
.bannerArea .stickerVisitorFmc{
    display: inline-block;
    -webkit-border-radius: 0px 0 0 0px;
    -moz-border-radius: 0px 0 0 0px;
    -o-border-radius: 0px 0 0 0px;
    border-radius: 40px;
    background: #1b6684 url(../../img/sticker_icon.png) 231px 6px no-repeat;
    background: #1b6684 url(../../img/sticker_icon.png) 238px 5px no-repeat;		/* by Satish(20.9.2022)  */
    position: absolute;
    left: -49!important;
    /* bottom: 105px; */ 														
    bottom: 167px;															/* by Satish(20.9.2022)  */
    z-index: 100;
    height: 62px;
    width: 296px;
    padding: 5px 110px 5px 152px;
}

.bannerArea a.stickerVisitorFmc p {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 11px;
    line-height: normal;
    font-weight: 600;
    padding: 0px 5px 0;
    margin: 0;
    /* display: inline-block; */
    vertical-align: top;
    text-transform: uppercase;
    /* letter-spacing: 0.2px; */
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.bannerArea a.stickerVisitorFmc h4 {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 1rem;
    line-height: 30px;
    font-weight: 700;
    padding: 7px 0 0 0;
    margin: 0;
    /* display: inline-block; */
    vertical-align: top;
}
.bannerArea .sticker textArea p{
	padding:0px 5px 0!important;
}
.bannerArea a.sticker h4{
    color: #fff;
    padding: 0;
    font-size: 16px;
}
.bannerArea a.sticker{
	    background: #5A79A5*;
	   
}
/* *********** End hospital login sticker***********/
/* ***********  hospital registration sticker***********/
.bannerArea .stickerVisitorReg{
    display: inline-block;
    -webkit-border-radius: 0px 0 0 0px;
    -moz-border-radius: 0px 0 0 0px;
    -o-border-radius: 0px 0 0 0px;
    border-radius: 40px;
    background: #688903 url(../../img/sticker_icon.png) 231px 6px no-repeat;
    position: absolute;
    left: -49!important;
    bottom: 186px;
    z-index: 100;
    height: 62px;
    width: 296px;
    padding: 5px 110px 5px 121px;
}

.bannerArea a.stickerVisitorReg p {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 11px;
    line-height: normal;
    font-weight: 600;
    padding: 0px 21px 0;
    margin: 0;
    /* display: inline-block; */
    vertical-align: top;
    text-transform: uppercase;
    /* letter-spacing: 0.2px; */
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.bannerArea a.stickerVisitorReg h4 {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 1rem;
    line-height: 30px;
    font-weight: 700;
    padding: 0px 26px 0 32px;;
    margin: 0;
    /* display: inline-block; */
    vertical-align: top;
}
.bannerArea .sticker textArea p{
	padding:0px 5px 0!important;
}
.bannerArea a .stickerVisitorReg .sticker h4{
    color: #fff;
    padding: 0;
    font-size: 16px;
    margin-left: 31px;
}
.bannerArea a.sticker{
	    background: #5A79A5*;
	   
}
/* *********** End hospital registration sticker index.jsp***********/
.TopSearchArea{
    width: 100%;
    float: left;
    background: #3c2e51;
    padding: 30px 0;
    text-align: center;
    z-index: 100;
    position: relative;
}
.TopSearchArea .SearchFiled{
    width: 100%;
    float: left;
    margin-bottom: 20px;
    text-align: center;
    margin-top: -60px;
}
.TopSearchArea .SearchFiled .form-search{
	width: 50%;
    /* float: left; */
    position: relative;
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
}
.TopSearchArea .SearchFiled .form-search input.search-query{
    width: 100%;
    float: left;
    height: 60px;
    -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: 22px;
    line-height: 30px;
    font-weight: 400;	
}
.TopSearchArea .SearchFiled .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;
}
.TopSearchArea .SearchFiled .form-search a.btn:hover{
	background:#3c2e51;
}
.TopSearchArea .SearchMenuArea{
	width:100%;
	float:left;
}
.TopSearchArea .SearchMenuArea li,
.TopSearchArea .SearchMenuArea a{
	/*width:160px;*/
	float:left;
	/*margin:0 10px;*/
}
.TopSearchArea .SearchMenuArea li a,
.TopSearchArea .SearchMenuArea a{
	display:block;
	text-align:center;
}
.TopSearchArea .SearchMenuArea li h4,
.TopSearchArea .SearchMenuArea li p,
.TopSearchArea .SearchMenuArea a h4,
.TopSearchArea .SearchMenuArea a p{
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
	margin:5px 0;
	padding:0;
}
.TopSearchArea .SearchMenuArea a:hover h4{
	color:#ffab00;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;	
}
.TopSearchArea .SearchMenuArea li p,
.TopSearchArea .SearchMenuArea a p{
    font-size: 11px;
    line-height: normal;
    font-weight: 400;
	color:#aaa0b9;
	padding:0;
	margin:0;	
}

/*------ swiper ------*/
.swiper-slide{
	height:auto;
}
/* .swiper-button-next{
	background-image:url(../../img/icon/next_arrow.png);
}
.swiper-button-prev{
	background-image:url(../../img/icon/prevt_arrow.png);
} */
.sliderShadow{
    width: 3%;
    height: 100%;
    float: left;
    position: absolute;
    right: 0;
    top: 0px;
    background: #3d2e51;
    z-index: 9;
	background: -moz-linear-gradient(left, rgba(60,46,81,0) 0%, rgba(60,46,81,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(60,46,81,0) 0%,rgba(60,46,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(60,46,81,0) 0%,rgba(60,46,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c2e51', endColorstr='#3c2e51',GradientType=1 ); /* IE6-9 */	
}

/*------------- Content ------------*/

.BodyContent{
	width:100%;
	float:left;
	/*background:#fff;*/
	/*padding: 73px 0 0;*/
}
.popularServices{
	width:100%;
	float:left;
	padding: 10px 0 40px;
}
.popularServices .header{
	width:100%;
	float:left;
    margin-bottom: 20px;	
}
.popularServices .header .HeaderText{
	width:60%;
	float:left;
}
.popularServices .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;	
}
.popularServices .header .HeaderText h4 span{
	font-weight:600;
	color:#757575;
}
.popularServices .header .viewAll{
	width:40%;
	float:left;
	text-align:right;
}
a.viewAllBtn{
    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: block;
}
a.viewAllBtn:hover{
    color: #3c2e51;	
}
.popularServices .ServiceContent{
	width:100%;
	float:left;
	padding:20px 0;
}
.ServiceContent .ServiceItemArea{
	width:100%;
	float:left;
}
.ServiceContent .ServiceItemArea .Thumbnails{
	width:40%;
	float:left;
	text-align:center;
}
.ServiceContent .ServiceItemArea .Thumbnails img{
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;	
	border-radius:50px;
	border:2px solid #e7e7e7;
	padding: 10px;	
}
.ServiceContent .ServiceItemArea a.Thumbnails:hover img{
	border:2px solid #ffab00;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;	
}
.ServiceContent .ServiceItemArea .TextArea{
	width:60%;
	float:left;	
}
.ServiceContent .ServiceItemArea .TextArea h4,
.ServiceContent .ServiceItemArea .TextArea p,
.ServiceContent .ServiceItemArea .TextArea a,
.ServiceContent .ServiceItemArea .TextArea a.title,
.ServiceContent .ServiceItemArea .TextArea a.description{
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    font-size: 1rem;
    line-height: normal;
    font-weight: 600;
    margin: 0;
    padding: 0;
	text-transform: capitalize;	
}
.ServiceContent .ServiceItemArea .TextArea h4,
.ServiceContent .ServiceItemArea .TextArea a.title{
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	position:relative;
}
.ServiceContent .ServiceItemArea .TextArea h4::after,
.ServiceContent .ServiceItemArea .TextArea a.title::after{
	content:" ";
	width:50px;
	height:2px;
	float:left;
	background:#ffab00;
	position:absolute;
	left:0;
	bottom:0;
}
.ServiceContent .ServiceItemArea .TextArea p,
.ServiceContent .ServiceItemArea .TextArea a.description{
	font-size: 0.75rem;
    color: #848484;
    font-weight: 400;
    padding: 0 0 10px 0;
}
.ServiceContent .ServiceItemArea .TextArea a{
    color: #3c2e51;
    font-size: 0.75rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    display: block;
    letter-spacing: 0px;
}
.ServiceContent .ServiceItemArea .TextArea a:hover,
.ServiceContent .ServiceItemArea .TextArea a.description:hover{
	color:#ffab00;
}
.ServiceContent .ServiceItemArea .TextArea a.title.viewMore{
	margin-top: 30px;
    text-transform: uppercase;	
}
.ServiceContent .ServiceItemArea .TextArea a.title.viewMore::after{
	content:initial;
}

.nearMeArea{
    width: 100%;
    float: left;
	height: 315px;
    padding: 100px 0 0;
    /*background: url(../../img/nearme_bg.jpg) 50% 50% no-repeat;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.nearMeArea .textArea{
	width:30%;
	float:left;
}
.nearMeArea .iconArea{
	width:70%;
	float:left;
}
.nearMeArea .textArea h4{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 1.5rem;
    line-height: normal;
    font-weight: 700;
    margin: 35px 0 0px 0;
    padding: 0 0 20px 0;
    text-transform: uppercase;
    position: relative;
}
.nearMeArea .textArea h4 span{
	font-weight:400;
}
.nearMeArea .textArea h4::after{
    content: " ";
    width: 100%;
    height: 3px;
    float: left;
    background: rgba(255,255,255,0.1);
    position: absolute;
    left: 0;
    bottom: 0;
}

.nearMeArea .iconArea li{
	float:left;
	width:16.666%;
}
.nearMeArea .iconArea li a{
	display:block0;
	text-align:center;
}
.nearMeArea .iconArea li a h4{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 0.75rem;
    line-height: normal;
    font-weight: 600;
    margin: 0;
    padding: 10px 0 0px 0;
    text-transform: uppercase;
}
.nearMeArea .iconArea li a:hover h4{
	color:#ffab00;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}

/*--------- Trending area ----------*/

.TrendingArea{
	width:100%;
	float:left;
	padding:20px 0;
}
.TrendingTopicsArea{
    width: 45%;
    float: left;
    padding: 0 0 0 5%;
    /*margin-left: 15px;*/
}
/*.CitizenContributionArea{
    width: 55%;
    float: left;
    padding: 0 0 0 5%;
}*/
.CitizenContributionArea {
    width: 100%;
    float: left;
    padding: 0;
}

.TrendingTopicsArea .header,
.CitizenContributionArea .header{
	width:100%;
	float:left;
	position:relative;
}
.TrendingTopicsArea .header::after,
.CitizenContributionArea .header::after{
    content: " ";
    width: 100%;
    float: left;
    height: 4px;
    background: #f1f1f1;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 0;
}
.TrendingTopicsArea .header h4,
.CitizenContributionArea .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: 1;
    position: relative;	
}
.TrendingTopicsArea .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;
}
.TrendingTopicsArea .header a:hover{
	color:#3c2e51;
}
.TrendingTopicsArea .header h4 span,
.CitizenContributionArea .header h4 span{
    font-weight: 600;
    color: #757575;	
}
.TrendingTopicsArea .contentArea{
	width:100%;
	float:left;
	padding:30px 0;
    background: #fff;	
}
.TrendingTopicsArea .contentArea li{
    width: 100%;
    float: left;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #e1e1e1;
}
.TrendingTopicsArea .contentArea li:last-child{
	border:none;
}
.TrendingTopicsArea .contentArea li .TopTagArea{
	width:100%;
	float:left;
}
.TrendingTopicsArea .contentArea 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;
}
.TrendingTopicsArea .contentArea 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;	
}
.TrendingTopicsArea .contentArea li .TopTagArea.category1 h4{
	color:#f58736;
}
.TrendingTopicsArea .contentArea li .TopTagArea.category2 h4{
	color:#30dd69;
}
.TrendingTopicsArea .contentArea li .TopTagArea.category1 i{
	border:1px solid #f58736;
}
.TrendingTopicsArea .contentArea li .TopTagArea.category2 i{
	border:1px solid #30dd69;
}
.TrendingTopicsArea .contentArea li .descriptionArea{
	width:100%;
	float:left;
    padding: 10px 0;	
}
.TrendingTopicsArea .contentArea li .descriptionArea h4,
.TrendingTopicsArea .contentArea 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;	
}
.TrendingTopicsArea .contentArea li .descriptionArea p{
    font-size: 0.875rem;
	color:#848484;
	font-weight:400;	
}
.TrendingTopicsArea .bottomArea{
	width:100%;
	float:left;
}
.TrendingTopicsArea .bottomArea .shre{
	width:30%;
	float:left;
}
.TrendingTopicsArea .bottomArea .postedOn{
	width:70%;
	float:left;
	text-align:right;	
}
.TrendingTopicsArea .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;	
}
.TrendingTopicsArea .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;
}
.TrendingTopicsArea .bottomArea .shre a:hover{
	color:#ffab00;
}
.TrendingTopicsArea .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;	
}
.TrendingTopicsArea .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;
}
.TrendingTopicsArea .bottomArea .postedOn p i{
	margin-right:5px;
}
.TrendingTopicsArea .bottomArea .postedOn p span{
	color:#cecece;
}
.CitizenContributionArea .contentArea{
    width: 100%;
    float: left;
    padding: 0;
    margin: 10px 0 10px;
    background: transparent;
}
.CitizenContributionArea .contentArea .card{
    float: left;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
}
/*.CitizenContributionArea .contentArea .card.lastItem{
	min-width:200px;
	height:100%;
}*/

.CitizenContributionArea .contentArea .card .HeaderText{
	width: 100%;
    float: left;
	background: transparent;
    padding: 0px 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: 1px solid #e4e4e4;
}
.CitizenContributionArea .contentArea .card .HeaderText 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;	
}
.CitizenContributionArea .contentArea .card .HeaderText p{
    font-family: 'Open Sans', sans-serif;
    color: #c7c7c7;
    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;		
}
.CitizenContributionArea .contentArea .card .ProfileArea{
    width: 100%;
    float: left;
	padding: 10px 10px;
    background: #fff;
	text-align:center;
}
.CitizenContributionArea .contentArea .card .ProfileArea .PicArea{
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;	
}
.CitizenContributionArea .contentArea .card .ProfileArea .PicArea img{
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;			
	border-radius:50px;
}
.CitizenContributionArea .contentArea .card .ProfileArea .PicArea span.certified{
    width: 60px;
    height: 60px;
    display: inline-block;
    position: absolute;
    right: -25px;
    bottom: 0px;
    z-index: 1;
}
.CitizenContributionArea .contentArea .card .ProfileArea .PicArea span.CreditScore{
    width: auto;
    display: inline-block;
    position: absolute;
    right: -12px;
    bottom: 10px;
    z-index: 1;
    background: #ffad00;
    padding: 2px 6px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 100px;
    line-height: 16px;
    border: 2px solid #fff;
}
.CitizenContributionArea .contentArea .card .ProfileArea h4{
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0px 0 10px;
    margin: 0;	
}
.CitizenContributionArea .contentArea .card .bottom{
    width: 100%;
    float: left;
    padding: 10px;
    background: #d3d9db;
	min-height: 110px;
    padding-bottom: 10px;
    position: relative;
    border-radius: 0 0 4px 4px;
}
.CitizenContributionArea .contentArea .card .bottom .tagText{
    width: 100%;
    float: left;
    padding: 5px 7px;
    background: #a6b3bc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase;
    margin: -20px 0 10px 0;	
    word-wrap: break-word;	
}
.CitizenContributionArea .contentArea .card .bottom p{
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8125rem;
    color: #4a4b4c;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
}
.CitizenContributionArea .contentArea .card .bottom a.readMore{
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.75rem;
    color: #5f6163;
    font-weight: 600;
    line-height: 30px;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    left: 0;
    bottom: 0;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.CitizenContributionArea .contentArea .card .bottom a.readMore:hover{
    color: #ffac00;
}
.CitizenContributionArea .sliderShadow {
    width: 8%;
    height: 100%;
    float: left;
    position: absolute;
    right: -10px;
    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 );
}

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

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

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

/*---------- Follow Us -----------*/
.followUsArea{
	width:100%;
	float:left;
    padding: 30px 0;
	background:#3c2e51;
}
.followUsArea .followUs,
.followUsArea .shareOn,
.followUsArea .helpFul{
	width:33.333%;
	float:left;
}
.followUsArea .shareOn{
	text-align:center;
}
.followUsArea .followUs.shareOn li{
	float:none;
	display:inline-block;
	vertical-align:middle;
}
.followUsArea .followUs.shareOn li a img,
.followUsArea .followUs li a img{
	width:60px;
}
.followUsArea .followUs li{
    float: left;
    padding: 0 5px 0 0;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 1.125rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    line-height: 65px;
}
.followUsArea .followUs li span{
	font-weight:400;
}
.followUsArea .followUs li:first-child{
    padding: 0 10px 0 0;
}
.followUsArea .helpFul{
	float:left;
	text-align:right;
    line-height: 65px;	
}
.followUsArea .helpFul p{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 400;
    margin: 0 10px 0 0;
	padding:0;
	display:inline-block;	
}

.followUsArea .helpFul .toggle_form p{
	text-align:left;
	margin:0;
}
.followUsArea .helpFul a.helpfulBtn{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 700;
    margin: 0 10px 0 0;
    padding: 10px 30px;
    display: inline-block;
    background: rgba(255,255,255,0.3);
    border: 1px solid #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.followUsArea .helpFul a.helpfulBtn.lastChild{
	margin:0px;
}
.followUsArea .helpFul a.helpfulBtn:hover{
    background: rgba(255,255,255,1);
	color:#3c2e51;	
}
/*STICKY FOOTER*/
footer {
    /*position: fixed;*/
    height: 52px;
    bottom: 0;
    width: 100%;
    padding-left: 260px;
}

/*END STICKY FOOTER*/
/*--------------- Footer -------------*/
.Footer{
	width:100%;
	float:left;
}
.Footer .topSection{
	width:100%;
	float:left;
	background:/*#5A79A5*/#f7f0eb;
	padding:40px 0;
}
.Footer .topSection .FooterLogo{
	width:100%;
	float:left;
	text-align:center;
}
.Footer .topSection .FooterlinkArea{
	width:100%;
	float:left;
}
.Footer .topSection .FooterlinkArea .HeaderText{
	width:100%;
	float:left;
	position:relative;
    margin-bottom: 20px;	
}
.Footer .topSection .FooterlinkArea .HeaderText h4{
	font-family: 'Open Sans', sans-serif;
    color: #333333;
    font-size: 1rem;
    line-height: normal;
    font-weight: 600;
    margin: 0;
    padding: 0 10px 0 0;
    text-transform: uppercase;
    /*background: #211c27;background:#554E44;*/ 
    display: inline-block;
    z-index: 10;
    position: relative;
    letter-spacing: 0.5px;
}
.Footer .topSection .FooterlinkArea .HeaderText::after{
    content: " ";
    width: 100%;
    float: left;
    height: 4px;
    background: rgba(255,255,255,0.1);
    position: relative;
    left: 0;
    top: 57%;
    z-index: 1;
}
.Footer .topSection .FooterlinkArea ul{
	width:100%;
	float:left;
}
.Footer .topSection .FooterlinkArea li{
	font-family: 'Open Sans', sans-serif;
    color: #333333;
    font-size: 0.6875rem;
    line-height: normal;
    font-weight: 400;
    margin: 0;
    padding: 5px 0 0 0;
    text-transform: uppercase;
	width:100%;
	float:left;	
}
.Footer .topSection .FooterlinkArea li.divider{
    width: 100%;
    float: left;
    height: 1px;
    background: rgba(255,255,255,0.1);
    padding: 0;
    margin: 10px 0;
}
.Footer .topSection .FooterlinkArea li a{
	font-family: 'Open Sans', sans-serif;
    color: #333333;
    font-size: 0.7rem;
    line-height: normal;
    font-weight: 400;
    margin: 0;
    padding: 5px 0 5px 0;
    display: block;
    text-transform: none;
    letter-spacing: 0.5px;
}
.Footer .topSection .FooterlinkArea li a:hover{
    color: #333333;	
}
.full{
	width:100%;
	float:left;
}
.full .half{
	width:48%;
	float:left;
	margin-right:2%;
}
.full .half.last{
	margin:0;
}
.Footer .topSection .FooterlinkArea .ScanArea{
	width:100%;
	float:left;
	padding:30px 0;
	text-align:center;
} 
.Footer .topSection .FooterlinkArea .ScanArea h4{
	font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 400;
	text-align:center;	
}
.Footer .govtLogoSection{
	width:100%;
	float:left;
	background:#000000;
	padding:10px 0;
	text-align:center;
}
.Footer .govtLogoSection ul li{
	display:inline-block;
}
.Footer .govtLogoSection ul li a{
	display:block;
	padding:10px;
}
.Footer .govtLogoSection ul li a img{
	border-radius:10px;
}

.Footer .copyRightSection{
	width:100%;
	float:left;
	padding:20px 0;
	/*background: #EDEDE4;*//*background: #3b5998;*/
	background:#e7edf2;
	/*background:url(../../img/bg1.jpg);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;		
	background-size:cover;*/
}
.Footer .copyRightSection p{
	font-family: 'Open Sans', sans-serif;
    color: #333333;
    font-size: 0.75rem;
    line-height: normal;
    font-weight: 400;
    margin: 0;		
}
.Footer .copyRightSection p a{
	color:#333333;
}
.Footer .copyRightSection p a:hover{
	color:#6c3483;
}



/*------------------- Swiper Pagination --------------

.SwiperPaginationSection{
	width:100%;
	float:left;
}
.SwiperPaginationSection .pagination{
    border: 1px solid #e4e4e4;
    border-left: none;
    border-right: none;
    padding: 0px 0 0px 0;
    margin: 40px 0 0 0;
}

.SwiperPaginationSection .pagination a,
.SwiperPaginationSection .pagination span {
    float: left;
    padding: 4px 12px 5px 12px;
    line-height: 30px;
    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;
	width:40px;
	height:40px;
	display:block;
}
.SwiperPaginationSection .pagination a:hover,
.SwiperPaginationSection .pagination a:focus,
.SwiperPaginationSection .pagination a.active ,
.SwiperPaginationSection .pagination span.active  {
    background-color: #f5f5f5;
    border: 2px solid #3c2e51;
}
.SwiperPaginationSection .pagination a.active,
.SwiperPaginationSection .pagination span.active ,
.SwiperPaginationSection .pagination a.active :hover,
.SwiperPaginationSection .pagination span.active :hover,
.SwiperPaginationSection .pagination a.active :focus,
.SwiperPaginationSection .pagination span.active :focus {
    color: #ffffff;
    background-color: #3c2e51;
    border: 2px solid #3c2e51;
}
.SwiperPaginationSection .pagination span.disabled ,
.SwiperPaginationSection .pagination a.disabled ,
.SwiperPaginationSection .pagination a.disabled :hover,
.SwiperPaginationSection .pagination a.disabled :focus {
    color: #999999;
    cursor: default;
    background-color: #e4e4e4;
}

.SwiperPaginationSection .sliderShadow,
.SwiperPaginationSection .sliderShadowLeft{
    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 );
}

.SwiperPaginationSection .sliderShadowLeft{
background: -moz-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(248,248,248,0) 100%); 
background: -webkit-linear-gradient(left, rgba(248,248,248,1) 0%,rgba(248,248,248,0) 100%);
background: linear-gradient(to right, rgba(248,248,248,1) 0%,rgba(248,248,248,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#00f8f8f8',GradientType=1 );
	left: 0;
	width:10%;
}

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

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

.SwiperPaginationSection .swiper-button-prev,
.SwiperPaginationSection .swiper-container-rtl .swiper-button-next{
	background-image:url(../../img/icon/pev_arrow_round.png);
}
.SwiperPaginationSection .swiper-container {
    padding: 20px 60px;
}
.SwiperPaginationSection .swiper-button-prev,
.SwiperPaginationSection .swiper-button-next{
    top: 34%;	
}
*/
.searchGrievanceArea{
	width:100%;
	float:left;
	padding:30px 0 0;
}
.searchGrievanceArea form{
	margin:0;
}

.SearchTokenFields{
	width:100%;
	float:left;
	position:relative;
}
.submitForm  .SearchTokenFields input[type='text']{
	padding:10px 60px 10px 20px;
}
.submitForm  .SearchTokenFields a,
.submitForm  .SearchTokenFields button,
.SearchTokenFields a,
.SearchTokenFields button{
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 20px;
    padding: 5px;
    z-index: 100;
    background: transparent;
    border: none;
    box-shadow: none;	
}
/*------------------ Grivance -------------

.grievanceArea{
	width:100%;
	float:left;
	background:#fff;
}
.grievanceArea .GriavanceAtaGlance{
	width:100%;
	float:left;
	padding: 0px 0 40px;
}
.grievanceArea .GriavanceAtaGlance .top_idae_title{
	margin-bottom:20px;
}

.GrievanceTabArea{
	width:100%;
	float:left;
    margin-bottom: 40px;	
}
.GrievanceTabArea .TabHeader{
	width:100%;
	float:left;
    padding: 30px 0 0;	
}

.GrievanceTabArea .TabHeader .nav-tabs > li{
    float: left;
    width: 25%;
	margin-bottom:0;
}
.GrievanceTabArea .TabHeader .nav-tabs{
	border-bottom:none;
	margin-bottom: 0;	
}
.GrievanceTabArea .TabHeader .nav-tabs > li a{
    width: 100%;
    display: block;
    font-size: 1rem;
    line-height: 30px;
    border-bottom: 2px solid #3d2f52;
    border-left: none;
    border-right: none;
    border-top: none;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.GrievanceTabArea .TabHeader .nav-tabs > .active > a,
.GrievanceTabArea .TabHeader .nav-tabs > .active > a:hover,
.GrievanceTabArea .TabHeader .nav-tabs > .active > a:focus{
    font-size: 1rem;
    line-height: 30px;
	color:#ffab00;
    border-bottom: 2px solid #ffab00;	
}

.GrievanceTabArea .TabHeader .nav-tabs > li a span{
    border: 2px solid #e6e6e6;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    padding: 5px 10px;
    margin-left: 6px;
    font-size: 0.875rem;
}

.GrievanceTabArea .TabHeader .nav-tabs > .active > a span{
    border: 2px solid #ffab00;	
}

.GrievanceTabArea .tab-content{
	width: 100%;
    float: left;
    padding: 40px 30px;
    border: 1px solid #ffab00;
    margin-top: 0px;
}
.GrievanceTabArea .tab-content .GrievanceBlocks{
	width:100%;
	float:left;
}
.GrievanceTabArea .tab-content .GrievanceBlocks li{
	width:25%;
	float:left;
	padding:0 10px;
}
.GrievanceTabArea .tab-content .GrievanceBlocks li a,
.GrievanceDetails .GrievanceDetailsCard,
.GrievanceDetailsCard.OpendataCard{
	display: block;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #c2c2c2;
    padding: 20px 20px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    float: left;
    letter-spacing: 0.5px;
}
.GrievanceTabArea .tab-content .GrievanceBlocks li a:hover{
	background:#3c2e50;
}
.GrievanceTabArea .tab-content .GrievanceBlocks li a span{
	width:100%;
	float:left;
}
.GrievanceTabArea .tab-content .GrievanceBlocks li a span.Number{
    font-size: 46px;
    text-align: center;
    padding-top: 0;
}

.GrievanceTabArea .tab-content .GrievanceBlocks li a.assigned{
	background:#ffab00;
}
.GrievanceTabArea .tab-content .GrievanceBlocks li a.inProcess{
	background:#6eb014;
}
.GrievanceTabArea .tab-content .GrievanceBlocks li a.rejected{
	background:#e92622;
}
.GrievanceTabArea .tab-content .GrievanceBlocks li a.closed{
	background:#415eb1;
}

.GrievanceTabArea .tab-content .GrievanceBlocks li a.pendingInTime{
	background:#24d266;
}
.GrievanceTabArea .tab-content .GrievanceBlocks li a.pendingBeyondTime{
	background:#fd5f5b;
}



.GriavanceSearchResult{
	width:100%;
	float:left;
	background:#f4f4f4;
	padding:30px 0;
}
.GriavanceSearchResult.GrievanceDetails{
    background: #f4f4f4;
}
.GrievanceDetails .GrievanceDetailsCard{
	color:#2c2c2c;
}


.GriavanceSearchResult .defult_title h4{
	background: #f5f5f5;	
}
.GriavanceSearchResult .defult_title{
	margin-bottom:30px;
}
.GriavanceSearchResult .Searchresultstable{
	width:100%;
	float:left;
}
.GriavanceSearchResult .Searchresultstable .table {
    background: #fff;
}
.GriavanceSearchResult .Searchresultstable .table thead th {
    vertical-align: top;
    font-family: 'Open Sans', sans-serif;	
}
.GriavanceSearchResult .Searchresultstable .table td {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: normal;
    font-family: 'Open Sans', sans-serif;	
}
.GriavanceSearchResult .Searchresultstable .table td.category{
	border-left:4px solid #000;
}
.GriavanceSearchResult .Searchresultstable .table td.category.cat1{
	border-left:4px solid #f8c119;
}
.GriavanceSearchResult .Searchresultstable .table td.category.cat2{
	border-left:4px solid #64c84d;
}
.GriavanceSearchResult .Searchresultstable .table td.category.cat3{
	border-left:4px solid #fd803c;
}

.GriavanceSearchResult .Searchresultstable .table td a.viewBtn,
a.viewBtn{
	padding:4px 10px;
	border-radius:100px;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: normal;
    font-family: 'Open Sans', sans-serif;
	color:#fff;
	background:#3c2e50;
	text-transform:uppercase;
    display: inline-block;
    text-align: center;
    margin-bottom: 5px;	
}

.GriavanceSearchResult .Searchresultstable .table td a.viewBtn:hover,
a.viewBtn:hover{
	background:#ffab00;
}

.submitForm form input[type='text'],
.submitForm form input[type='number'],
.submitForm form input[type='email'],
.submitForm form input[type='password']{
    height: 52px;
    border-radius: 5px;
    padding: 0 20px;
    margin: -2px 0 0 0;
   
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-size: 1rem;
}

.mapInput{
	width:100%;
	float:left;
	position:relative;
}
.GrievanceDetailsCard{
	width:100%;
	float:left;
}

.GrievanceDetails .GrievanceDetailsCard{
    background: #fff url(../../img/logo_watermark.png) 170% 0% no-repeat;
    position: relative;
}
.GrievanceDetails .GrievanceDetailsCard p{
    font-size: 0.625rem;
    margin-bottom: 0px;
    padding: 0;
    color: #c2c2c2;
}
.GrievanceDetails .GrievanceDetailsCard h4{
    margin: 0 0 10px 0;
    font-size: 1rem;
    text-transform: none;
}
.GrievanceDetails .GrievanceDetailsCard p.token{
	margin-bottom:6px;	
}
.GrievanceDetails .GrievanceDetailsCard h4.tokenNo{
    font-size: 1.25rem;
    margin: 0 0 30px 0;
    color: #ffab00;	
}
.GrievanceDetails .GrievanceDetailsCard h4.referenceLink{
	font-size: 0.875rem;
	text-transform:none;
}
.GrievanceDetails .GrievanceDetailsCard h4.complaintDetails{
    font-size: 0.875rem;
    text-transform: none;
    font-weight: 600;
}

.GrievanceDetails .GrievanceDetailsCard a.attachment{
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 600;
    margin: 0 0 5px 0;
    background: #fff;
    padding: 5px 10px;
    border-radius: 100px;
    display: block;
    text-transform: none;
    border: 2px solid #dadada;
}
.GrievanceDetails .GrievanceDetailsCard a.attachment:hover{
	background: #fabb32;
	color:#2c2c2c;
}
.GrievanceDetails .GrievanceDetailsCard a.viewHistory{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 700;
    margin: 0 0 0px 0;
    background: #82b32a;
    padding: 8px 15px;
    border-radius: 100px;
    display: inline-block;
    text-transform: uppercase;
    float: right;
    margin-left: 5px;	
}
.GrievanceDetails .GrievanceDetailsCard a.viewHistory.red{
    background: #F44336;
}
.GrievanceDetails .GrievanceDetailsCard a.viewHistory:hover{
	background:#3c2e50;
}

*/


/*================= Modal =================*/
.my_modal_style {
    position: fixed;
    top: 10%;
    left: 30%;
    z-index: 1050;
    width: 40%;
    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;	
}


/*============== Birth Certificate =====================*/

.BodyContent.BirtCertArea{
	padding:0;
}

.CertificateNameField{
    width: 100%;
    float: left;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    padding: 20px 20px 25px;
}

.CertificateNameField .radio input[type="radio"] {
    float: left;
    margin-left: -30px;
    height: 20px;
    width: 20px;
    margin-top: 0px;
}
.BirtCertArea .form_btn {
    padding: 40px 0 0;
}
.BirtCertArea .CertSearchReslutArea{
	width:100%;
	float:left;
	background:#f5f5f5;
	padding:20px;
}
.BirtCertArea .CertSearchReslutArea .CertSearchReslutInner{
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    float: left;
	position:relative;
}
.CertSearchReslutArea .CertSearchReslutInner .GridArea{
	width:100%;
	float:left;
}


.CertSearchReslutArea .CertSearchReslutInner .accordion-group,
.CertSearchReslutArea .CertSearchReslutInner .accordion-group .accordion-heading{
	width:100%;
	float:left;
	}

.CertSearchReslutArea .CertSearchReslutInner .accordion-group{
	border:none;
	}
.CertSearchReslutArea .CertSearchReslutInner .accordion-group .accordion-heading{
	border-radius:5px 5px 0px 5px;
    background-color: #efefef;
	width:100%;
	float:left;
	padding:10px 0;
}
.CertSearchReslutArea .CertSearchReslutInner .accordion-group .accordion-heading.color_1{
	border-left: 5px solid #99ce40;
	}
.CertSearchReslutArea .CertSearchReslutInner .accordion-group .accordion-heading.color_2{
	border-left: 5px solid #ff8c2f;
	}
.CertSearchReslutArea .CertSearchReslutInner .accordion-group .accordion-heading.color_3{
	border-left: 5px solid #ffcc00;
	}
.CertSearchReslutArea .CertSearchReslutInner .accordion-group .accordion-heading.color_4{
	border-left: 5px solid #6ec6eb;
	}
.CertSearchReslutArea .CertSearchReslutInner .accordion-group .accordion-heading.color_5{
	border-left: 5px solid #ff8196;
	}

.CertSearchReslutInner .GridArea li{
	float:left;
	width:100%;
	padding-bottom:5px;
}

.CertSearchReslutInner .GridArea .collap_swtch ul li{
	float:left;
	padding:0 5px;
	}
.CertSearchReslutInner .GridArea .collap_swtch ul li.fst{
    width: 20%;
	}
.CertSearchReslutInner .GridArea .collap_swtch ul li.secnd{
	width:10%;
	}
.CertSearchReslutInner .GridArea .collap_swtch ul li.thrd{
	width:25%;
	}
.CertSearchReslutInner .GridArea .collap_swtch ul li.frth{
	width:25%;
	}
.CertSearchReslutInner .GridArea .collap_swtch ul li.fifth{
	width:10%;
	}
.CertSearchReslutInner .GridArea .collap_swtch ul li.sixth{
	width:10%;
	}


.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;
    background-color: #3f357c;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0 0 10px 10px;
}
.CertSearchReslutInner .GridArea .date_box h5{
	color:#fff;
}
.CertSearchReslutInner .GridArea .collap_swtch ul li h5,
.CertSearchReslutInner .GridArea .collap_swtch ul li .date_box h5{
    font-size: 0.875rem;
	margin-top:0px;
}
.CertSearchReslutInner .GridArea .collap_swtch ul li p {
    font-size: 0.6875rem;
    text-transform: uppercase;
    font-weight: 600;
}

.CertSearchReslutInner .GridArea .collap_swtch ul li h5.status {
    font-size: 0.75rem;
	text-transform:uppercase;
}
.CertSearchReslutInner .GridArea .collap_swtch ul li h5.status.green {
    color: #8BC34A;	
}
.CertSearchReslutInner .GridArea .collap_swtch ul li h5.status.red {
    color: #F44336;	
}
.CertSearchReslutInner .GridArea .collap_swtch ul li .consum_no,
.CertSearchReslutInner .GridArea .collap_swtch ul li h5,
.CertSearchReslutInner .GridArea .collap_swtch ul li a.viewBtn{
	margin-top:10px;
}

.CertSearchReslutInner .GridArea .date_box {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background-color: #ffffff;
    text-align: center;
    margin: 0 auto;
}
.CertSearchReslutInner .GridArea .date_box h3{
    font-size: 1.25rem;	
}
.CertSearchReslutInner .GridArea .date_box h3,
.CertSearchReslutInner .GridArea .date_box p{
    line-height: normal;	
}
.CertSearchReslutArea .CertSearchReslutInner .accordion-group .accordion-heading{
	padding: 8px 5px 2px;	
}
.CertSearchReslutArea .defult_title h4{
	background: #f6f6f6;
}

.submitForm form label span.mandatory{
    color: #F44336;
}
a.externalLink{
    background: transparent;
    border: 2px solid #ffffff;
    border-radius: 100px;
    font-weight: 600;
}
a.externalLink:hover{
    border: 2px solid #2c2c2c2;
	background:#fff;
}

/*----------- Modal Default ----------*/

.left_sec.fullWidth {
    width: 100%;
}

.form_btn .btn_submit.defaultBtn {
    height: 60px;
    border-radius: 100px;
    padding: 20px;
    font-size: 1.25rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    border: 2px solid #ffab00;
    background-color: #ffab00;
	display:block;
}

.my_modal_style.ModalDefault {
    left: 30%;
    width: 40%;
	text-align:left;
}
.my_modal_style.ModalDefault h3 {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.25rem;
}
.btn.modal_btn_submit,
.btn.modal_btn_reset{
    border-radius: 100px;
    padding: 5px 20px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    border: 2px solid #ffab00;
    background: #ffab00;
    display: inline-block;
	margin:0 10px;
	text-shadow:none;
}
.btn.modal_btn_submit:hover{
	color:#2c2c2c;
}
.btn.modal_btn_reset{
	background:#3c2e51;
    border: 2px solid #3c2e51;
}
.btn.modal_btn_reset:hover{
	color:#fff;
}

.my_modal_style.ModalDefault .ModalBodyArea{
	width:100%;
	float:left;
}


.collap_swtch_one ul li.active button{
    color: #fff;
    background-color: #3c2e51;
	border:2px solid #3c2e51;	
}

.property_card {
    width: 100%;
    float: left;
    background: #fff url(../../img/logo_watermark.png) 130% 50% no-repeat  ;
    padding: 20px 0 20px;
    border-radius: 10px;
}
.property_card.Type2{
    padding: 10px;
	margin-bottom:10px;
}

/*-----------*/

.communityMembersAll .defult_title {
    margin-bottom: 20px;
}

.communityMembersAll .defult_title h4{
    background: #f2f2f2;	
}
.communityMembersAll .defult_title::after{
    background: #fff;	
}


/*------------- Loader ----------*/

.loader.PageLoader{
    width: 100%;
    height: 100%;
    float: left;
    position: fixed;
    top: 0%;
    left: 0%;
    text-align: center;
    z-index: 1000000;
    background: rgba(255,255,255,0.98);
}

.logoLoader{
    width: 120px;
    height: 120px;
    position: relative;
    top: 40%;
    z-index: 1000000;
    background: #fff url(../../img/loader.svg) 50% 50% no-repeat;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    display: inline-block;
	margin: 0 auto;
}

/*-------- Birth Certificate Search --------*/

.CertificateSearchTable p{
    font-size: 0.6875rem;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
	padding:0;
    color: #878787;	
}
.CertificateSearchTable .date_box h3{
    margin: 0;
    color: #f57c35;
    font-size: 1.375rem;
    line-height: normal;
    font-weight: 600;	
}
.CertificateSearchTable .date_box p {
    margin-top: 0;
    color: #3f357c;
    font-size: 0.875rem;
}
.CertificateSearchTable .date_box h5 {
    margin-top: 0;
    color: #fff !important;
    font-size: 0.875rem;
    margin-bottom: 0;
    padding: 0;
}
.CertificateSearchTable .date_box {
    width: 70px;
    height: 70px;
}
.CertificateSearchTable h5{
    font-size: 0.875rem;
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 600;
    margin: 0;
    padding: 0 0px 0px 0;	
}
.CertificateSearchTable h5.status.red{
    color: #F44336;
}
.CertificateSearchTable h5.status.green{
    color: #86d629;
}
.CertificateSearchTable h5.status {
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 700;
}
#escalationDetailsTable.table {
  /*   width: 80%; */
}
.table {
    width: 100%;
    margin-bottom: 10px;
    background-color: #fff !important;
}

/*----------- Collaboration Landing ------------*/

.collaborationLanding{
	width:100%;
	float:left;
}

.collaborationLanding a.hignlit_item{
    display: block;
    position: relative;
    min-height: auto;
    margin-bottom: 30px;
}
.collaborationLanding a.hignlit_item .icn{
    width: 70px;
    height: 70px;
    display: inline-block;
    text-align: center;
    background: #fff;
    border-radius: 100px;
    padding: 10px;
    position: absolute;
    left: 35%;
    top: 33%;
}
.collaborationLanding a.hignlit_item .icn img{
	margin:0;
}

.collaborationLanding .highlight_contnt .span2{
	width:20%;
}

.collaborationLanding .hignlit_item .zist {
margin-top: 0;
    height: 135px;
    padding: 50px 10px 10px 10px;
    color: #fff;
    background-color: #3c2e51;
    width: 100%;
    float: left;	
}
.collaborationLanding a.hignlit_item:hover .zist{
    background-color:#ffab00;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;	
}

.my_profile_content .ServiceContent .ServiceItemArea .TextArea p{
    font-size: 1.25rem;
    color: #3d2f52;
    font-weight: 700;
    padding: 0 0 10px 0;
    text-transform: uppercase;
    letter-spacing: 0.4px;	
}
.my_profile_content .ServiceContent .ServiceItemArea .TextArea h4{
	font-size: 0.875rem;
	color: #757575;
}

.submitForm.MyProfileInfo .CertificateNameField{
    height: 60px;
    border-radius: 30px;
    padding: 20px 20px 20px 30px;
    margin: 10px 0 0 0;
    border: 1px solid #696969;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-size: 1rem;
	background:#fff;
}
.submitForm.MyProfileInfo .form_btn {
    padding: 40px 0 40px 0;
    text-align: right;
    width: 100%;
}


.login_page.changePass{
	height:100vh;
}

.notificate {
    padding: 30px 0 10px 0;
    background: #f1f1f1;
    margin-top: 0;
    width: 100%;
    float: left;
}

/*----------- Multiple Upload -----------*/

.uploaded_image{
	display: block;
    margin: 5px 0px 5px 0px;
    border: 1px solid #3c2e51;
    background-color: #3c2e51;
    width: 100%;
    float: left;
    padding: 5px 10px;
    color: #fff;
    border-radius: 100px;
}
.multifile_remove_input {
	color:#F7AF21;
	margin-right: 10px;
	font-size:16px;
}
.multifile_remove_input:hover {
	color:#fff;
}
/*.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: #ee792d;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
}
.login_form .MobileNumberArea a.Otp:hover{
	background:#3f357c;
}*/
.table_payment{
	width:100%;
	float:left;
}

/*------------ Cloud Tag -----------*/

#popular_tags_by_viewcount .jqcloud-word,
.jqcloud-word{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;	
}
.jqcloud-word a,
#popular_tags_by_viewcount .jqcloud-word a{
    color: inherit;
    font-size: inherit;
    text-decoration: none;
    background: #fff;
    padding: 2px 10px;
    border-radius: 100px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

#popular_tags_by_viewcount .aui a:hover {
    color: #ffab00;
}

#popular_tags_by_viewcount .jqcloud-word.w10,
.jqcloud-word.w10{
	color: #ffab00;
}
#popular_tags_by_viewcount .jqcloud-word.w9,
.jqcloud-word.w9{
    color: #f4731f;
}
#popular_tags_by_viewcount .jqcloud-word.w5,
.jqcloud-word.w5 {
    color: #ee792d;
}
#popular_tags_by_viewcount .jqcloud-word.w1,
.jqcloud-word.w1 {
    color: #58a0cf;
}
#popular_tags_by_viewcount .jqcloud-word.w2,
.jqcloud-word.w2{
    color: #40367c;
}
#popular_tags_by_viewcount .jqcloud-word.w3,
.jqcloud-word.w3{
    color: #8cbd3a;
}
#popular_tags_by_viewcount .jqcloud-word.w4,
.jqcloud-word.w4{
    color: #b43434;
}

/*------------- Grievance ----------*/

.ComplaintSelectionArea{
	width:100%;
	float:left;
	padding:0 0 50px 0;
}
.grievanceArea .total_content .Ideation_backer>.overlay{
	padding:30px 0;
}

.complaintListsSlider{
    width: 100%;
    float: left;
    padding: 20px 0;
    background: #fff;
    border-radius: 10px;
    margin: 20px 0;
}
.complaintListsSlider a.swiper-slide h4,
.complaintListsSlider a.swiper-slide p{
	font-family: 'Open Sans', sans-serif;
	color: #2c2c2c;
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    margin: 5px 0;
    padding: 0;	
}
.complaintListsSlider a.swiper-slide p{
	font-size:12px;
    font-weight: 400;	
}

.complaintListsSlider a.swiper-slide:hover h4{
	color:#ffab00;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;	
}
.complaintListsSlider .swiper-container .sliderShadow{
	width: 5%;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=1 );	
}

/*---------- BreadCrumb -----------*/

.BreadCrumbSection {
    background: #271246;
    width: 100%;
    float: left;
    padding: 5px 0 5px;
	margin-bottom: 20px;	
}
.BreadCrumbSection ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
.BreadCrumbSection ul li,
.BreadCrumbSection ul li a{
    float: left;
    padding: 0 10px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 0.65rem;
    line-height: 20px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}
.BreadCrumbSection ul li a{
	padding:0;
}
.BreadCrumbSection ul li:first-child{
	padding:0 10px 0 0;
}
.BreadCrumbSection ul li.current,
.BreadCrumbSection ul li a:hover{
	color: #ffac00;
}
.BreadCrumbSection ul li.divider{
	padding:0 0;
}

/*---------------*/

.btn-group.filter_menu{
    background: #fff;
    float: right;
    z-index: 10;
    position: relative;
	line-height:34px;
	padding:0 0 0 10px;
	}
.btn-group.filter_menu button{
	font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 0.875rem;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 10px;
    padding: 1px 15px;
    border: none;
    background: #3c2e51;
	font-weight:500;
	}
.btn-group.filter_menu button:hover,
.btn-group.filter_menu button:focus{
    color: #ffffff;
    background: #ffab00;
	}
.dropdown-menu.filter_option  {
    border: 1px solid #3c2e51;
    border-radius: 0;
}
.dropdown-menu.filter_option {
    position: absolute; 
    top: 35px; 
    left: -41px;
    z-index: 1000;
    min-width: 150px;
    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);
	}
.dropdown-menu.filter_option  > li > a {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
    white-space: nowrap;
    text-transform: capitalize;
    float: none;	
}

/*---------*/

.idea_item hr {
    border-top: none;
    border-bottom: 1px solid #e4e4e4;
    margin: 10px 0;
	width: 100%;
    float: left;
}
.idea_item {
    padding: 10px;
    border: 1px solid #e4e4e4;
    width: 100%;
    float: left;
    margin-bottom: 10px;
	border-radius: 4px;	
}
.idaes_sec .top_idae_title{
    margin-bottom: 10px;	
}
.idea_item h5{
	margin:0 0 10px 0;
}
.right_sec .idea_item {
    padding: 10px;
}

/*Pradip*/
.idea_item .idea_headding span{
	min-height: 0px !important;
	font-size: 2rem !important;
}
.idea_item_total{
	border: 2px dotted #03a9f4;
}
.idea_item_pending{
	border: 2px dotted green;
}
.idea_item_resolved{
	border: 2px dotted red;
}


/*Pradip*/

.pagination{
	width:100%;
	float:left;
}
.searchFeatureArea{
	width:100%;
	float:left;
}
.searchFeatureArea .form-search{
	width: 100%;
    float: left; 
    position: relative;
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
}
.searchFeatureArea .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 20px;
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
}
.searchFeatureArea .form-search a.btn{
    width: 40px;
    height: 40px;
    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: 5px;
    top: 5px;
    border: none;
    padding: 10px;
}

.idea_title {
    background-color: #3c2e51;
    border-radius: 50px;
    padding: 10px 2px 10px 20px;
    margin-bottom: 20px;
}
.idea_title span {
    border: 1px solid #000;
    border-radius: 50%;
    padding: 7px 8px;
    margin-top: -18px;
    background-color: #ffab00;
}
.idea_title h4{
    font-size: 1rem;
}

/*------------*/

.TopNav.navbar .nav li.TollFree.DigitalIndia a{
    font-size: 10px;
    padding: 5px 5px 5px 5px;
    line-height: 12px;
    text-align: left;
}
.TopNav.navbar .nav li.TollFree.DigitalIndia a span.green {
    color: #128807;
}
.TopNav.navbar .nav li.TollFree.DigitalIndia a span.orange {
  /*  color:#3f357c; #F74906*/color: #2d144c;
    text-transform: capitalize;
}

.toggle_form a{
	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;
    line-height: normal;	
	}
.toggle_form a:hover,
.toggle_form a:focus{
	background:transparent;
	border:2px solid #fff;
	color:#fff;
}

.grievanceArea .ComplaintSelectionArea{
    padding: 0;	
}
.grievanceArea .separate {
    padding: 0px 100px;
}
.SearchTokenFields{
	margin-bottom: 20px;	
}	
	
.shorting ul li a{
	font-weight: 600;
    text-transform: uppercase;
    font-size: 0.7rem;
}	
.shorting ul li.shrt_title{
	font-weight:400;
	padding-right: 15px;
    font-size: 0.75rem;	
}

a.getDirectionBtn {
	line-height: normal;
	padding: 5px 10px;
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    background: #3c2e51;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}
a.getDirectionBtn:hover{
    background: #ffac00;
}

/*--------------*/

.commentSectionTopArea{
	width:100%;
	float:left;
}
.commentSectionTopArea .half{
	width:50%;
	float:left;
}
.commentSectionTopArea p.idae_post{
	margin-bottom:0px;
    margin-top: 5px;	
}

.idaes_sec .top_idae_title a.viewAllBtnNew {
    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 5px;
    z-index: 10;
    position: relative;
    line-height: 34px;
	float:none;
}
.idaes_sec .top_idae_title a.viewAllBtnNew:hover{
	color: #3d2f52;	
}
.shorting ul li{
	width:auto;
}

/*--------- 10/1/2018 ------*/

.hignlit_item .zist h5{
	text-align:center;
}

.highlight_title {
    margin-top: -8px;
    font-weight: bold;
	text-transform:uppercase;
}
.hignlit_item {
    min-height: 320px;
    width: 100%;
    float: left;
    background: #322842;
}
.hignlit_item .zist {
    background-color: #322842;
    height: auto;
    width: 100%;
    float: left;
}
.spealise_item {
    min-height: 320px;
	height:auto;
}
.spealise_item button{
	width: 70px;
    height: 35px;	
}
.spealise_item p span{
    font-size: 0.75rem;	
}

/*------------- GIS -----------*/

.gis_content .gis_item{
    min-height: 160px;
    margin-bottom: 25px;
}
.gis_content .gis_item h4{
    font-size: 0.75rem;
    line-height: normal;	
}
.gis_inner_content .left_side{
    width: 20%;	
}
.gis_inner_content .right_side{
    width: 80%;	
}
a.getDirectionBtn {
    display: inline-block;
    padding: 4px 8px;
	font-size: 14px;	
}
.FooterIconArea{
	width:100%;
	float:left;
}
.map_scroll_content .map_item {
    padding: 7px 8px;
    width: 100%;
    float: left;
}
.FooterIconArea .half{
	width:50%;
	float:left;
}
.map_scroll_content .map_item p{
	font-size:0.75rem;
}
.map_scroll_content .map_item .FooterIconArea p{
	margin:0;
}
.FooterIconArea p span{
    font-weight: 600;
    color: #3d2f52;
}
.map_scroll_content .map_item h4{
	font-size: 0.9rem;
    font-weight: 600;
	line-height:normal;
}
/*-----------*/

.social.social_cap ul li a i {
    font-size: 26px;
}
.idea_item .idae_comment .social ul li a img, .social ul li a img {
    height: auto;
}
.idea_item .idae_comment .social ul li a sup.cmmnt_status, .social ul li a sup.cmmnt_status {	
    position: absolute;
    top: -8px;
	right: 0;
    background-color: #3c2e51;
    color: #fff;
    padding: 0px 6px;
    border-radius: 100px;
    z-index: 1;
    font-size: 0.625rem;
    line-height: 16px;
    font-weight: 700;	
}
.idea_item .idae_comment .social_cap.caption ul li a span.cmmnt_status{
    top: -8px;	
}
.idea_item .idae_comment .social_cap.caption ul li a{
    display: block;	
}
.idea_item .idae_comment .user_details ul li.fst{
	line-height:normal;
}

/*-------------- 11/1/2018 ------------*/

.commentSocialSection .social{
	width:100%;
	float:left;
    text-align: center;	
}

.idea_item .idae_comment .commentSocialSection .social ul li,
.commentSocialSection .social ul li{
	float:none;
	display:inline-block;
}
.idea_item .idae_comment .commentSocialSection .social_cap ul li,
.commentSocialSection .social_cap ul li,
.social_cap ul li{
    float: none;
    display: inline-block;
    padding: 0 5px;
}
.idea_item .idae_comment .commentSocialSection .social_cap ul li:last-child,
.commentSocialSection .social_cap ul li:last-child,
.social_cap ul li:last-child{
    padding: 0 10px 0 5px;
}	

.idea_item .idae_comment .social_cap,
.social_cap,
.commentSocialSection .social_cap{
    float: left;
    width: 100%;
    text-align: right;
}
.idea_item .idae_comment .social ul li a, .commentSocialSection .social ul li a{
	display:block;
}
.idea_item .idae_comment .social ul li a,
.commentSocialSection .social ul li a{
	position:relative;
}
.span1.pad0,.span2.pad0,.span3.pad0,.span4.pad0,.span5.pad0,.span6.pad0,.span7.pad0,.span8.pad0,.span9.pad0,.span10.pad0,.span11.pad0,.span12.pad0{
	padding-left:0px;
	padding-right:0px;
}
.idea_item h4.describe{
    margin: 0 0 0 0;
    width: 100%;
    float: left;
	min-height: 50px;	
}

/*------------- 12/1/2018 -----------*/

.idea_item a.idea_headding{
	display:block;
}
.idea_item a.idea_headding:hover{
    color: #ffac00;
}
.TopSearchArea .SearchFiled{
    z-index: 9999;
    position: relative;	
}
.portlet-boundary{
	width:100%;
	float:left;
}
.idaes_sec .top_idae_title h3{
    z-index: 1;	
}
.idaes_sec .top_idae_title::after{
	z-index:0;
}
.swiper-slide{
    text-align: center;
}
.map_scroll_content .map_item .FooterIconArea p.totalDistance, p.totalDistance {
    padding: 5px 6px;
    background: #ffac00;
    border-radius: 100px;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 600;
}
.map_scroll_content .map_item .FooterIconArea p.totalDistance span, p.totalDistance span{
    font-weight: 700;
}
.community{
    padding: 0 0px 30px 0;	
}
.cmnitty_details_area_btn_grp a.button {
    border-radius: 10px;
    margin: 0 5px 10px;
    padding: 15px 30px;
    text-align: center;
    color: #3c2e51;
    border: 2px solid #F1B936;
    background-color: #F1B936;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    display: inline-block;
}
.cmnitty_details_area_btn_grp a.button:hover {
    background-color: #fff;	
}

/*------- 13/1/2018 -----------*/

.pmc_partner_section{
	width:100%;
	float:left;
    padding: 0 0 50px 0;	
}
.pmc_partner_card{
	width:100%;
	float:left;
	display:block;
	background:#fff;
	border-radius:4px;
	border:1px solid #e4e4e4;
	padding:10px;
    margin-bottom: 10px;	
}

.pmc_partner_card .logoSection{
	width:15%;
	float:left;
    padding: 10px;	
}

.pmc_partner_card .TextSection{
	width:85%;
	float:left;
}
.pmc_partner_card .TextSection h4{
	font-family: 'Open Sans', sans-serif;
    color: #3c2e51;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 700;
    margin: 0;
    padding: 0px 0px 10px 0;
    text-transform: uppercase;
}
.pmc_partner_card .TextSection p{
	font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
    color: #848484;
    font-weight: 400;
	line-height:22px;
}
.pmc_partner_card .TextSection .topSection{
	width:100%;
	float:left;
    padding: 5px 0 10px;	
}
.pmc_partner_card .TextSection .topSection h4{
	display:inline-block;
}
.pmc_partner_card .TextSection .topSection a.visitSiteLink{
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    color: #ffab00;
    font-size: 0.875rem;
    line-height: 20px;
    font-weight: 600;
    margin: 0;
    padding: 5px 15px;
    /* text-transform: uppercase; */
    float: right;
    border-radius: 100px;
    border: 1px solid #ffab00;
}
.pmc_partner_card .TextSection .topSection a.visitSiteLink:hover{
    color: #3c2e51;	
    border: 1px solid #3c2e51;
}

/*-------- */
.login_form{
    width: 100%;
    float: left;	
}
.GrievanceDetails .GrievanceDetailsCard{
	margin-bottom:20px;
}
.GrievanceDetails .GrievanceDetailsCard.ptaxSearchResult{
}
a.btn_noc{
    background: #3c2e51;
    color: #fff;
    padding: 5px 15px;
    border-radius: 25px;
    font-size: 0.85rem;
    margin-top: 10px;
    display: block;
    font-weight: 600;
    text-align: center;	
	}
a.btn_noc:hover{
    color: #3c2e51;
	background:#ffab00;
	}	
	
/*---------- 16/1/2018 --------*/

.navbar .nav li.dropdown a.dropdown-toggle:hover,
.navbar .nav li.dropdown a.dropdown-toggle:focus,
.navbar .nav li.dropdown.active a.dropdown-toggle:hover,
.navbar .nav li.dropdown.active a.dropdown-toggle:focus,
.navbar .nav li.dropdown.open.active a.dropdown-toggle:hover,
.navbar .nav li.dropdown.open.active a.dropdown-toggle:focus{
	background:transparent;
}

.idea_item a.idea_headding i {
    display: inline-block;
    margin: 0;
    border: 1px solid #e4e4e4;
    padding: 4px;
    border-radius: 100px;
    float: left;
    width: 40px;
}
.idea_item a.idea_headding span {
    float: right;
    width: 88%;
	line-height: normal;
    font-size: 1rem;
    padding-top: 4px;
	min-height: 55px;	
}

.idea_item a.idea_headding{
    float: left;
    width: 100%;
    vertical-align: middle;
    line-height: 36px;
    padding: 0 0 5px 0;
}
.idea_item a.idea_headding:hover i {
    border: 1px solid #ffac00;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;	
}

.FixedPageTitleArea {
    position: fixed;
    width: auto;
    height: 35px;
    bottom: 35%;
    margin-top: 0px;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    cursor: default;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    z-index: 10000;
    background: #ffac00;
    padding: 0px 20px;
    border-radius: 0 0 10px 10px;
}
.FixedPageTitleArea span, .FixedPageTitleArea h4 {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    line-height: 30px;
}

.changePass .login_form{
    padding: 20px 20px;	
}
.changePass .login_form .log_title{
    padding: 0;	
}

/*-----*/
.idea{
	padding: 0;	
}
.BreadCrumbSection.NoMar{
	margin-bottom:0px;
}
.login_form form select,
.login_form form select.form_cntrl{
	width:100%;
}
.idea.NoMarTop{
	margin-top:-20px;	
}
.community_title h3{
	line-height:normal;
}
.community .members_item{
    min-height: 75px;
	height:auto;
    margin-bottom: 20px;	
}
.idea_item p.idae_post span{
    color: #3d2f52;	
}
.right_sec .idea_item h4.describe{
	font-size: 0.85rem;	
}
.commentSectionTopArea a.ParticipateBtn,
a.ParticipateBtn{
    display: inline-block;
    background: #3c2e51;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    padding: 2px 10px 2px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 8px;
}
.commentSectionTopArea a.ParticipateBtn:hover,
a.ParticipateBtn:hover{
    background: #ffac00;	
}
.form_btn .btn_reset,
a.btn_reset{
    font-size: 1rem;
    font-weight: 700;
    padding: 10px 30px;
	text-shadow:none;
}
.form_btn .btn_submit{
	font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.5px;
	padding: 10px 40px;
	text-shadow:none;		
}
.form_btn .btn_submit:hover,
a.btn_submit:hover{
    background-color: #fff;
    border: 2px solid #ffab00;
    color: #ffab00;
}
a.btn_submit{
    height: auto;
    width: auto;	
    border-radius: 30px;
    padding: 10px 40px;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    border: 2px solid #ffab00;
    background-color: #ffab00;
    display: inline-block;
    line-height: 30px;
    margin-top: 10px;	
}
.voluntActivityDetails{
	width:100%;
	float:left;
	background:#fff;
    padding: 30px 30px 20px 50px;
	margin-bottom:30px;
}
.left_sec .Ideation_backer>.overlay.wide{
	padding: 30px 30px;	
}
.idea_item.ActivityDetailsCard .idea_headding{
	margin: 0 0 10px 0;
    padding: 0 0 10px 0;
	border-bottom:1px solid #e4e4e4;
}
.idea_item.ActivityDetailsCard{
	padding: 0;
    border: none;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    border-radius: 0px;
}
.idea_item.ActivityDetailsCard p.postedOn{
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    font-size: 0.85rem;
    line-height: normal;
    font-weight: 600;
    margin: 0;
    padding: 10px 0 10px 0;	
}
.idea_item.ActivityDetailsCard p.postedOn span{
    color: #ffac00;
    text-transform: uppercase;
}
.idea_item.ActivityDetailsCard h4.describe {
    margin: 10px 0 0 0;
    width: 100%;
    float: left;
    color: #505050;	
}

/*----------- 19/1/2018 // Open Data ----------*/
.OpendataCard a.HeaderSection{
	width:100%;
	float:left;
	display:block;
}
.OpendataCard a.HeaderSection .DescriptionSection{
	width:80%;
	float:left;
}
.OpendataCard a.HeaderSection .ArrowArea{
	width:20%;
	float:left;	
    text-align: right;	
}
.OpendataCard a.HeaderSection .DescriptionSection h4{
    font-family: 'Open Sans', sans-serif;
    color: #ffac00;
    font-size: 1rem;
    line-height: normal;
    font-weight: 600;
    margin: 0;
    padding: 0 0 5px 0;	
}
.OpendataCard a.HeaderSection .DescriptionSection p{
    font-family: 'Open Sans', sans-serif;
    font-size: 0.75rem;
    color: #2c2c2c;
    font-weight: 400;
    margin: 0;
	padding:0;
	text-transform:none;
}
.OpendataCard a.HeaderSection:hover .DescriptionSection h4{
    color: #3c2e51;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;	
}
.OpendataCard a.HeaderSection .ArrowArea i{
    font-size: 1.5rem;
}
.OpendataCard .DataDescriptionArea{
    width: 100%;
    float: left;
	padding: 20px 80px;
	border-top: 1px dashed #e4e4e4;
    margin-top: 20px;
	display:none;
}
.OpendataCard .DataDescriptionArea .card{
	width:100%;
	float:left;
	background:#fff;
	border-radius:4px;
    border: 1px solid #e4e4e4;	
}
.OpendataCard .DataDescriptionArea .card .dataTitle{
	width:100%;
	float:left;
	padding:10px;
	border-bottom:1px solid #e4e4e4;
}
.OpendataCard .DataDescriptionArea .card .dataTitle h4{
    font-family: 'Open Sans', sans-serif;
    color: #3c2e51;
    font-size: 0.85rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding:0;
	text-transform:uppercase;
}
.OpendataCard .DataDescriptionArea .card .fileInfoArea,
.OpendataCard .DataDescriptionArea .card .metaData,
.OpendataCard .DataDescriptionArea .card .tagArea,
.OpendataCard .DataDescriptionArea .card .downloadArea{
	width:100%;
	float:left;
	padding:10px;
	border-bottom:1px solid #e4e4e4;	
}
.OpendataCard .DataDescriptionArea .card .tagArea{
	border-bottom:none;
}
.card .fileInfoArea ul li{
	width:33.333%;
	float:left;
	text-align:center;
}
.card .fileInfoArea ul li p{
	line-height:normal;
	text-transform:none;
}
.card .fileInfoArea ul li p span{
	font-size:12px;
	font-weight:700;
	color:#2c2c2c;
	text-transform:uppercase;
}
.OpendataCard .DataDescriptionArea .card .metaData p{
	text-transform:none;
	color:#2c2c2c;	
}
.OpendataCard .DataDescriptionArea .card .metaData p span{
	text-transform:uppercase;
    color: #ffac00;	
}
.OpendataCard .DataDescriptionArea .card .tagArea li{
	float:left;
	padding:0 5px 5px 0;
}
.OpendataCard .DataDescriptionArea .card .tagArea li a{
    display: block;
    padding: 2px 8px;
    background: #e4e4e4;
    font-size: 10px;
    font-weight: 700;
    color: #2c2c2c;
    text-transform: uppercase;
    line-height: normal;
    border-radius: 100px;	
}
.OpendataCard .DataDescriptionArea .card .tagArea li a:hover{
	background:#ffac00;
}
.OpendataCard .DataDescriptionArea .card .downloadArea a,
a.opendataDownloadFile{
    display: inline-block;
    padding: 4px 10px 5px;
    background: #3c2e51;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    line-height: normal;
    border-radius: 100px;
    text-align: center;
    margin-top: 5px;
}
.OpendataCard .DataDescriptionArea .card .downloadArea a:hover,
a.opendataDownloadFile:hover{
	background:#ffac00;
}
.OpendataCard .DataDescriptionArea .card .exportAreaArea{
	width:100%;
	float:left;
    border-left: 1px solid #e4e4e4;
	min-height: 120px;	
}
.OpendataCard .DataDescriptionArea .card .exportAreaArea h4{
    font-family: 'Open Sans', sans-serif;
    color: #828282;
    font-size: 0.6rem;
    line-height: 20px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    background: #e4e4e4;
    text-align: center;
}
.OpendataCard .DataDescriptionArea .card .exportAreaArea .exportFileList{
	width:100%;
	float:left;
	padding:10px;
}
.card .exportAreaArea .exportFileList li{
    width: 25%;
    float: left;
    text-align: center;
    padding: 0 0 10px 0;
}
.OpendataAlertBox{
    width: 100%;
    float: left;
    background: #fff;
    border-radius: 10px;
    padding: 40px 20px;
    text-align: center;
    margin-bottom: 40px;
}
.OpendataAlertBox p{
	font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    font-size: 1rem;
    line-height: normal;
    font-weight: 600;
    margin: 0;
    padding: 0 0 0px 0;
}
.OpendataAlertBox p a{
	color: #ffac00;
    padding: 0px 8px 2px;
    border-radius: 100px;
    border: 1px solid #e4e4e4;
    display: inline-block;
    line-height: normal;
    text-transform: uppercase;
    font-size: 0.85rem;
}
.OpendataAlertBox p a:hover{
    color: #3c2e51;
    border: 1px solid #ffac00;
}
.idaes_sec .top_idae_title_semi{
	width:100%;
	float:left;
}
.OpendataCard .DataDescriptionArea .card .CardBottomSection{
	padding:0px;
	width:100%;
	float:left;
}
.card .CardBottomSection .half{
	width:50%;
	float:left;
}
.card .CardBottomSection .full{
	width:100%;
	float:left;
}

p.label2{
    padding: 4px 0;
    margin: 0;
    color: #ffac00;
    font-weight: 600;
    font-size: 12px;	
}

/*--------23/1/2018 ------------*/

.blog-title h3,
.voluntActivityDetails.entry h3 {
    font-family: 'Open Sans', sans-serif;
	font-size: 1.5rem;
    color: #2c2c2c;
    font-weight: 600;
	margin-top:0;
    text-transform: uppercase;	
}
.voluntActivityDetails.entry .entry-content,
.voluntActivityDetails.entry .entry-content .description{
	width:100%;
	float:left;
}
.voluntActivityDetails.entry .entry-content .description p{
	font-size: 0.875rem;
    color: #848484;
    font-weight: 400;
	margin:10px 0;
}
.voluntActivityDetails .description .activityDateSection,
.voluntActivityDetails .description .TotalParticipant{
	width:100%;
	float:left;
}
.voluntActivityDetails .description .activityDateSection .half{
	width:50%;
	float:left;
}
.voluntActivityDetails .description .activityDateSection h4,
.voluntActivityDetails .description .TotalParticipant h4{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #3c2e51;
    margin: 10px 0;
	padding:0;
}
.voluntActivityDetails .description .activityDateSection h4 span{
	color: #fead4f;	
}
.voluntActivityDetails .description .TotalParticipant span{
    padding: 2px 10px;
    color: #fead4f;
    background: #3c2e51;
    border-radius: 100px;
    line-height: 20px;
}
.voluntActivityDetails .description .TotalParticipant a.detailsBtn{
    width: 30px;
    height: 30px;
    color: #3c2e51;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 100px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    padding: 4px;	
}
.voluntActivityDetails .description .TotalParticipant a.detailsBtn:hover{
    border: 1px solid #fead4f;	
}

.my_modal_style .shareListArea{
	width:100%;
	/*float:left;*/
	padding:10px;
}
.my_modal_style .shareListArea ul li{
	width:25%;
	display:inline-block;
	padding:10px;
}
.my_modal_style .shareListArea ul li a{
	display:block;
}

/*------------ 25/1/2018 --------------*/

.idaes_sec .top_idae_title h3,
.TrendingTopicsArea .header h4,
.CitizenContributionArea .header h4,
.popularServices .header .HeaderText h4{
    font-size: 1.2rem;	
}

.CitizenContributionArea.FullWidth{
	width:100%;
}
.padT30{
	padding:30px 0px 0 0;
}
.marT10{
	margin-top:10px;
}
.NoMar,
.CitizenContributionArea .contentArea.NoMar{
	margin:0px;
}
.analyticsArea,
.socialMediaAnalyticsArea{
	width:100%;
	float:left;
    margin: 10px 0;
}
.analyticsArea .top_idae_title h3,
.socialMediaAnalyticsArea .top_idae_title h3{
    font-size: 1.2rem;	
}
.analyticsFrame,.socialMentions{
	width:100%;
	float:left;
	border:1px solid #e4e4e4;
	border-radius:4px;
    min-height: 320px;
}
.socialMentions ul li{
	width:50%;
	float:left;
	padding:10px;
	text-align:center;
}
.socialMentions ul li .socialItem,
.socialMentions ul li a.socialItem{
	width:110px;
	height:110px;
	display:inline-block;
	padding:10px;
	border-radius:100px;
	border:4px solid #e4e4e4;
	text-align:center;
}
.socialMentions ul li .socialItem p,
.socialMentions ul li a.socialItem p{
	font-family: 'Open Sans', sans-serif;
    color: #3c2e51;
    font-weight: 700;
    font-size: 1rem;
    margin: 0;
    padding: 8px 0px 0 0;
    text-transform: uppercase;
    line-height: 12px;
}
.socialMentions ul li .socialItem p span,
.socialMentions ul li a.socialItem p span{
    color: #767676;
	font-weight:600;
	font-size:0.6rem;
}
.socialMentions ul li a.socialItem:hover p{
    color: #ffab00;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;	
}
.socialMentions ul li.tweet .socialItem{
	border:4px solid #00acee;	
}
.socialMentions ul li.message .socialItem{
	border:4px solid #8dc73f;	
}
.socialMentions ul li.youtube .socialItem{
	border:4px solid #e02f2f;	
}
.socialMentions ul li.rss .socialItem{
	border:4px solid #f59e13;	
}
.socialMentions ul li.fb .socialItem{
	border:4px solid #3f5b9c;	
}
.socialMentions ul li a.socialItem:hover{
	border:4px solid #e4e4e4;	
}
.analyticsFrame .titleArea{
	width:100%;
	float:left;
	padding:10px;
	border-bottom:1px solid #e4e4e4;
}
.analyticsFrame .titleArea h4{
    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;
}
.analyticsFrame .analyticsListScroll{
	width:100%;
	float:left;
    height: 278px;
  	overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;
}
.analyticsFrame .analyticsListScroll::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	border-radius: 100px;
	background-color: #f4f4f4;
}
.analyticsFrame .analyticsListScroll::-webkit-scrollbar{
	width: 8px;
	background-color: #fff;
}
.analyticsFrame .analyticsListScroll::-webkit-scrollbar-thumb{
	border-radius: 100px;
	background-color: #ffab00;
}

.analyticsListScroll ul li{
	width:100%;
	float:left;
    padding: 5px 10px;
	border-bottom:1px solid #e4e4e4;
}
.analyticsListScroll ul li a{
    display: block;
    width: 100%;
    float: left;
}
.analyticsListScroll ul li a:hover .name p{
    color: #ffab00;
}
.analyticsListScroll ul li .avatar{
	width:20%;
	float:left;
}
.analyticsListScroll ul li .name{
	width:80%;
	float:left;
    padding: 0px 0px 0 5px;
}
.analyticsListScroll ul li .avatar img{
	border-radius:100px;
}
.analyticsListScroll ul li .name p{
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
	font-size: 0.75rem;
    line-height: normal;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}
.analyticsArea .collaborationAnalytics{
	width:100%;
	float:left;
    margin: 10px 0;	
}
.analyticsArea .collaborationAnalytics ul li{
    width: 19%;
    float: left;
    margin: 0 10px 0 0;
    background: #3d2f52;
	border-radius:4px;
}
.analyticsArea .collaborationAnalytics ul li:last-child{
	margin:0;
}
.analyticsArea .collaborationAnalytics ul li .iconArea,
.iconArea.collborationDashItem{
	width: 100%;
    float: left;
    padding: 20px 10px 10px;
    text-align: center;
    min-height: 200px;
}
.analyticsArea .collaborationAnalytics ul li .iconArea i,
.iconArea.collborationDashItem i{
	padding:20px;
    background: rgba(255,255,255,0.2);
	border-radius:100px;
	display:inline-block;
}
.iconArea.collborationDashItem i{
    background: #3e3053;	
}
.analyticsArea .collaborationAnalytics ul li .iconArea p,
.iconArea.collborationDashItem p{
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 400;
    margin: 5px 0;
    padding: 0;	
}
.iconArea.collborationDashItem p{
    color: #3e3053;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}
.analyticsArea .collaborationAnalytics ul li a.iconArea:hover p{
    color: #ffab00;	
}
.analyticsArea .collaborationAnalytics ul li .bottomCount{
	width:100%;
	float:left;
	padding: 0px 5px 10px;
	border-top:1px solid rgba(255,255,255,0.2);
}
.analyticsArea .collaborationAnalytics ul li .bottomCount ul li{
    width: 33.333%;
    padding: 0 5px;
    margin: 0px;
    text-align: center;
}
.analyticsArea .collaborationAnalytics ul li .bottomCount ul li p,
.analyticsArea .collaborationAnalytics ul li .bottomCount ul li a{
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 700;
    margin: 0px 0;
    padding: 5px;
	border-radius:100px;
	background:#000;
	display:block;
}
.analyticsArea .collaborationAnalytics ul li .bottomCount ul li p.col1,
.analyticsArea .collaborationAnalytics ul li .bottomCount ul li a.col1{
	background:#f57c1f;
}
.analyticsArea .collaborationAnalytics ul li .bottomCount ul li p.col2,
.analyticsArea .collaborationAnalytics ul li .bottomCount ul li a.col2{
	background:#25aae2;
}
.analyticsArea .collaborationAnalytics ul li .bottomCount ul li p.col3,
.analyticsArea .collaborationAnalytics ul li .bottomCount ul li a.col3{
	background:#8dc73f;
}
.filter_options_scroll .checkbox a{
    width: 100%;
    float: left;
    display: block;
    line-height: normal;
    padding: 4px 0px;
    color: #2c2c2c;
	font-size:0.75rem;
}
.filter_options_scroll .checkbox {
    width: 100%;
    float: left;
}
.filter_options_scroll .checkbox a:hover,
.filter_options_scroll .checkbox a.active{
    color: #ffac00;
}
.marB20{
	margin-bottom:20px;
}
/*------*/
.analyticsFrame .meterGearSection,
.meterGearSection{
	width:100%;
	float:left;
	padding:10px;
}
.analyticsFrame .meterGearSection .gearArea,
.meterGearSection .gearArea{
    width: 100%;
    height: 150px;
    display: inline-block;
    margin: 0;
}
.meterGearSection .ReadingBreakPoints{
	width:100%;
	float:left;
	margin-top:10px;
}
.meterGearSection .ReadingBreakPoints .progessBar{
	width:100%;
	float:left;
	height:10px;
	border-radius:100px;
	background:#e4e4e4;
	position:relative;
	overflow:hidden;
}
.meterGearSection .ReadingBreakPoints .progessBar span{
	width:auto;
	float:left;
	height:10px;
	margin-top:0px;
	background:#c2c2c2;
}
.meterGearSection .ReadingBreakPoints .progessBar span.possitive{
	background:#23d631;
}
.meterGearSection .ReadingBreakPoints .progessBar span.normal{
    background: #f9b800;	
}
.meterGearSection .ReadingBreakPoints .progessBar span.negative{
	background: #ff4d3b;
}
.meterGearSection .ReadingBreakPoints .StatusArea{
	width:100%;
	float:left;
	margin:10px 0;
}
.meterGearSection .ReadingBreakPoints .StatusArea li{
	float:left;
	width:33.333%;
}
.meterGearSection .ReadingBreakPoints .StatusArea li p{
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 700;
    margin: 0px 0;
    padding: 0px;
	text-transform:uppercase;
    line-height: 14px;	
}
.meterGearSection .ReadingBreakPoints .StatusArea li p span{
	font-weight:600;
	font-size:0.65rem;
}
.meterGearSection .ReadingBreakPoints .StatusArea li.possitive p{
	text-align:left;
	color: #23d631;
}
.meterGearSection .ReadingBreakPoints .StatusArea li.normal p{
	text-align:center;
    color: #f9b800;
}
.meterGearSection .ReadingBreakPoints .StatusArea li.negative p{
	text-align:right;	
    color: #ff4d3b;
}
.my_modal_style .analyticsTable{
	width:100%;
	float:left;
}
.my_modal_style .analyticsTable .paginationArea{
	width:100%;
	float:left;
}

/*-------- 30/1/2018 ----------*/

.SocialFeedsArea{
	width:100%;
	float:left;
	margin-bottom:10px;
}
.TopNav.navbar .nav li.TollFree a span.timeSchedule {
    font-size: 10px;
    font-weight: 400;
    padding: 0 4px 0 0;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.TopNav.navbar .nav li.TollFree a{
	line-height: normal;
    text-align: left;	
}
.TopNav.navbar .nav li.TollFree a i{
    display: inline-block;
    vertical-align: top;
    padding-top: 4px;
}
.TopNav.navbar .nav li.TollFree a span{
    display: inline-block;
    vertical-align: middle;
}
.TopNav.navbar .nav li.TollFree.NavLoginBtn a{
	line-height: 27px;	
}
.navbar .nav > li > a{
	padding: 6px 15px;	
}

.pollsResultSection{
	width:100%;
	float:left;
	padding:20px;
	border:1px solid #e4e4e4;
	border-radius:4px;
	margin:10px 0;
	text-align:center;
}
.pollsResultSection .resultSection{
	width:100%;
	float:left;
	/*border-bottom:1px solid #e4e4e4;*/	
}
.pollsResultSection .resultSection.noBorder{
	border:none;
}
.pollsResultSection .resultSection li{
    width: 50%;
    float: left;
    text-align: center;
    padding: 10px 10px;
}
.pollsResultSection .resultSection li h4{
	font-family: 'Open Sans', sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 0;
    text-transform: uppercase;
    display: inline-block;
    padding: 15px 30px;
    background: #2c2c2c;
    color: #fff;
    border-radius: 100px;
    margin: 0px;	
}
.pollsResultSection .resultSection li .progressBarArea,
.pollsResultSection .resultSection li .progressBarArea span.progressbackground{
    width: 100%;
    float: left;
    background: #efefef;
    padding: 4px;
    border-radius: 100px;
	height:20px;
	position:relative;
}
.pollsResultSection .resultSection li .progressBarArea{
	margin-top:15px;
	overflow:hidden;
}
.pollsResultSection .resultSection li .progressBarArea span.progressAmount{
    font-family: 'Open Sans', sans-serif;
    font-size: 0.85rem;
    font-weight: 800;
    margin-top: 0;
    text-transform: uppercase;
    color: #2c2c2c;
    line-height: 20px;
    z-index: 100;
    position: absolute;
    vertical-align: top;
    left: 10px;
    top: 2%;
}
.pollsResultSection .resultSection li .progressBarArea span.progressbackground{
	width:auto;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
    background: #ffad00;
    padding: 0;	
}

.pollsResultSection .resultSection li h4.yes{
	background: #81e893;
}
.pollsResultSection .resultSection li h4.no{
    background: #f79e96;
}

.pollsResultSection.multipleResults{
    padding: 10px;	
}
.pollsResultSection.multipleResults .resultSection li{
    padding: 10px 5px;
}
.pollsResultSection.multipleResults .resultSection li h4{
    font-family: 'Open Sans', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase;
    display: block;
    padding: 0px 5px;
    border: 1px solid #e4e4e4;
    color: #2c2c2c;
    background: transparent;
    border-radius: 100px;
    margin: 0px;
    height: auto;
    line-height: normal;
}
.pollsResultSection.multipleResults .resultSection li .progressBarArea {
    margin-top: 0;
}

/*.pollsResultSection.multipleResults .resultSection li h4.catG1{
    border: 1px solid #64d9e8;
}
.pollsResultSection.multipleResults .resultSection li h4.catG2{
	border: 1px solid #a0e64f;
}
.pollsResultSection.multipleResults .resultSection li h4.catG3{
    border: 1px solid #e4e4e4;	
}
.pollsResultSection.multipleResults .resultSection li h4.catG4{
    border: 1px solid #e4e4e4;	
}
.pollsResultSection.multipleResults .resultSection li h4.catG5{
    border: 1px solid #e4e4e4;	
}
.pollsResultSection.multipleResults .resultSection li h4.catG6{
    border: 1px solid #e4e4e4;	
}
.pollsResultSection.multipleResults .resultSection li h4.catG7{
    border: 1px solid #e4e4e4;	
}
.pollsResultSection.multipleResults .resultSection li h4.catG8{
    border: 1px solid #e4e4e4;	
}
.pollsResultSection.multipleResults .resultSection li h4.catG9{
    border: 1px solid #e4e4e4;	
}
.pollsResultSection.multipleResults .resultSection li h4.catG10{
    border: 1px solid #e4e4e4;	
}*/

/*-------------- 01/02/2018 -------------*/

.btn_defult_3{
	letter-spacing:normal;
}
.btn_defult_3:hover, .btn_defult_3:focus{
	letter-spacing:normal;	
}

/*------------ 02/02/2018 ----------*/

.contactUsSection .table_two,
.contactUsSection .table_one{
	width:100%;
	float:left;
}
.ModalDefault .rating{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.rating ul li {
    float: left;
    padding: 0 0 0 5px;
}
.rating ul li a{
	display:block;
	color: #e3e3e3;
}
.rating ul li.active a,
.rating ul li a:hover{
	color: #ffcc00;
}
.rating ul li.disabled a{
	color: #e3e3e3;
}
.my_modal_style .GrievanceDetailsCard {
    text-align: left;
    border: 1px solid #e4e4e4;
    margin-bottom: 10px;
    padding: 10px;
}
.my_modal_style .GrievanceDetailsCard h4.tokenNo{
    margin: 0 0 0px 0;
	font-size: 0.85rem;	
}
.my_modal_style .GrievanceDetailsCard p{
    font-size: 0.75rem;
}
.my_modal_style .GrievanceDetailsCard h4.complaintDetails {
    font-size: 0.875rem;
    font-weight: 400;
}
.my_modal_style .GrievanceDetailsCard h4 {
    font-size: 0.85rem;
}
.GrievanceDetailsCard h4.tokenNo.possitive{
	color:#aad50a;;
}
.GrievanceDetailsCard h4.tokenNo.nutral{
	color:#f9c800;
}
.GrievanceDetailsCard h4.tokenNo.negative{
	color:#f00;
}
.my_modal_style .pagination{
    margin: 0;
    padding: 0px;
    border: none;
}
.modal-header h3 {
    margin: 0;
    line-height: normal;
    font-size: 1rem;
    text-transform: uppercase;
    display: inline-block;
}

/*----- Profile completeness -------*/

.profileCompleteness{
	width:100%;
	float:left;
}

.profileCompleteness .login_form{
	padding:20px 30px;

}
.login_form .log_title {
    text-align-last: center;
    padding: 0;
}
.profileCompleteness .login_form .FormInner,
.profileCompleteness .login_form .bottomButtonArea{
	width:100%;
	float:left;
}
.profileCompleteness .login_form .FormInner{
	padding:0 50px;
    min-height: 250px;
}
.profileCompleteness .login_form .log_title {
	border-bottom:1px solid #e4e4e4;
	margin-bottom:20px;
	text-align:center;
}
.profileCompleteness .login_form .log_title i{
	display:inline-block;
}
.profileCompleteness .login_form .log_title h4{
    text-transform: none;	
}
.profileCompleteness .login_form .log_title p {
    padding: 0px 0 10px 0px;
}
.profileCompleteness .login_form form label{
    color: #b7b7b7;
	margin-bottom: 0px;
	font-size:0.75rem;
}
.profileCompleteness .login_form .form_group{
    margin-bottom: 20px;	
}
.profileCompleteness .login_form .bottomButtonArea{
	width:100%;
	float:left;
    padding: 30px 0 10px;
}
.bottomButtonArea .backBtnArea,
.bottomButtonArea .nextBtnArea{
	width:20%;
	float:left;
}
.bottomButtonArea .paginationArea{
	width:60%;
	float:left;
	text-align:center;
	padding:10px 0;
}
.btn_login,.btn_back {
    height: auto;
   /* border-radius: 100px;*//*6Aug2018*/
    border: 2px solid #ee792d;
    background-color: #ee792d;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
}
.btn_login:hover,.btn_back:hover {
    border:2px solid #ee792d;
    background-color: #fff;
    color: #ee792d;
}
.btn_back{
    border: 2px solid #3f357c;
    background-color: #fff;
    color: #3f357c;	
}
.btn_login.disable,
.btn_back.disable{
    border: 2px solid #e4e4e4;
    background-color: #fff;
    color: #e4e4e4;
    cursor: not-allowed;	
}

.bottomButtonArea .paginationArea li{
	display:inline-block;
    padding: 0 4px;
}
.bottomButtonArea .paginationArea li a{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background: #e4e4e4;
    line-height: 20px;
    vertical-align: middle;
}
.bottomButtonArea .paginationArea li a.active,
.bottomButtonArea .paginationArea li a:hover{
	background:#ee792d;
}

.form_cntrl{
	/*border-radius:100px*/
}
/*textarea.form_cntrl{border-radius:10px}*/


.profileCompleteness .login_form .preferance_item label{
    padding: 5px 0;
    border-bottom: 1px solid #e4e4e4;
}
.profileCompleteness .login_form .preferance_item .scrollbar{
	padding:10px;
	border:1px solid #e4e4e4;
	border-radius:10px;
	margin-top:10px;
}
.profileCompleteness .login_form .preferance_item input[type="checkbox"]{
	margin:0 5px 0 0;
}
.analyticsFrame .analyticsListScroll.NoScroll{
    overflow-y: auto;
	position:relative;
}
.analyticsFrame .analyticsListScroll.NoScroll li:last-child{
	border:none;
}
.analyticsFrame .analyticsListScroll.NoScroll a.viewAll{
    font-family: 'Open Sans', sans-serif;
    color: #ffab00;
    font-size: 0.75rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding: 10px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    float: left;
}
.analyticsFrame .analyticsListScroll.NoScroll a.viewAll:hover{
    color: #3c2e51;	
}
.analyticsListScroll ul li .avatar img {
    border-radius: 100px;
    width: 40px;
    height: 40px;
}

.collaborationAnalytics ul li .bottomCount ul li span.labelText{
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 0.65rem;
    line-height: normal;
    font-weight: 600;
    margin: 0px 0;
    padding: 5px 0;
    line-height: 24px;
}
.profileCompleteness .login_form .FormInner .MobileNumberArea{
	margin-bottom:20px;
}

.profileCompleteness .login_form p{
    font-family: 'Open Sans', sans-serif;	
    padding: 10px 0 10px 20px;
    color: #6c6c6c;
    font-size: 0.75rem;
    font-weight: 600;
}
.profileCompleteness .FormInner p{
	text-align:center;
}

/*------------ Create Announcement -----------*/

.announcementCategoryList{
	width:100%;
	float:left;
	padding:10px 0;
}
.announcementCategoryList li{
    width: 30%;
	float:left;
	margin:0 1% 1% 0;
}
.announcementCategoryList li a{
    font-family: 'Open Sans', sans-serif;
    color: #3c2e51;
    font-size: 0.85rem;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    display: block;
    vertical-align: middle;
    line-height: 40px;
    background: #fff;
    padding: 5px 5px 5px 10px;
    border-radius: 100px;
}
.announcementCategoryList li a:hover{
	background:#ffab00;
	color:#fff;
}
.announcementCategoryList li a i{
    margin: 0 10px 0 0;
	float:left;
}
.announcementDefaultImage{
    width: auto;
    float: left;
    padding: 5px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    margin: 5px 0;
}
.announcementDefaultImage img{
	border-radius:8px;
}
.announcementCategoryList.details li{
    width: auto;
	margin:0px;
}
.announcementCategoryList.details li a{
    border: 1px solid #e4e4e4;
    padding: 2px 20px 2px 5px;
}

/*------- Like/Dislike -------*/

.likeDislikeSection{
	width:100%;
	float:left;
	padding:0px 0px;
}
.likeDislikeSection li{
    float: left;
    padding: 0px;
}
.likeDislikeSection li a{
    font-family: 'Open Sans', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    margin-top: 0;
    display: block;
    padding: 10px 20px;
    color: #848484;
    margin: 0px 0 10px 0;
    line-height: 20px;
    vertical-align: middle;
    border-bottom: 2px solid #e4e4e4;	
}
.likeDislikeSection li a i{
	font-size:1.4rem;
}
.likeDislikeSection li a:hover,
.likeDislikeSection li a.active{
	color:#ffad00;
    border-bottom: 2px solid #ffad00;
}


/*------------ 07/02/2018 -----------*/

.water_bill.tagcloudTabs .nav-tabs > li > a{
    border: none;	
}
.water_bill.tagcloudTabs .nav-tabs > li > a{
    padding: 10px 10px;
    font-size: 0.7rem;
    min-width: 100px;
    height: 50px;
}
.water_bill .nav-tabs > li > a .icn img{
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.TopSearchArea .SearchMenuArea li h4,
.TopSearchArea .SearchMenuArea li p,
.TopSearchArea .SearchMenuArea a h4,
.TopSearchArea .SearchMenuArea a p{
    font-size: 0.75rem;	
}
.BreadCrumbSection ul li, .BreadCrumbSection ul li a{
    font-size: 0.75rem;	
}

/*----------- 09/02/2018 ---------*/

.dsboard_item.color_6 {
    background-color: #541986;
}
.dsboard_item.color_10 {
    background-color: #01286f;
}

.TestimonialSection{
	width:100%;
	float:left;
}
.TestimonialSection .TestimonialBody{
	width:100%;
	float:left;
	padding:0px;
	margin-bottom: 10px;	
}
.TestimonialSection .TestimonialBody li{
    width: 49%;
    float: left;
    padding: 10px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    margin-right: 0;
    min-height: 270px;
}
.TestimonialSection .TestimonialBody li:last-child{
	float:right;
	margin:0px;
}
.TestimonialSection .TestimonialBody li .profilePic{
    width: 100%;
    float: left;
}
.TestimonialSection .TestimonialBody li .profilePic img{
	border-radius:100px;
	-webkit-border-radius:100px;
	-mox-border-radius:100px;
	-o-border-radius:100px;	
}
.TestimonialSection .TestimonialBody li .description{
	width:100%;
	float:left;
	padding: 10px 0 0 0px;
    text-align: center;	
}
.TestimonialSection .TestimonialBody li .description h4{
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    font-size: 0.85rem;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding: 0 0 5px 0;
    text-transform: capitalize;
}
.TestimonialSection .TestimonialBody li .description p{
	font-family: 'Open Sans', sans-serif;
    line-height: 16px;
    font-size: 0.75rem;
    color: #848484;
    font-weight: 400;
    margin: 0;
	padding:0;
}
.TestimonialSection .TestimonialBody li .description p span{
    color: #848484;
    font-weight: 600;	
}

.shorting{
    padding: 0px 0 10px 0;	
}

.idaes_sec .top_idae_title h3 span.dayCounts,
.top_idae_title h3 span.dayCounts{
    background: #3c2e51;
    color: #fff;
    font-size: 0.75rem;
    line-height: 20px;
    vertical-align: middle;
    padding: 4px 10px;
    border-radius: 100px;
}

.socialMentions.singleitem{
    width: 100%;
    border: none;
    min-height: auto;
    padding: 20px 0;
}
.socialMentions.singleitem ul li{
	width:100%;
}
.analyticsDashboard.dsboard_item{
	min-height: 180px;
    margin-bottom: 0;
    border-radius: 6px;	
}

.analyticsDashboard.dsboard_item .zist{
	margin-top:0px;
    padding: 20px 10px 0;
}
.analyticsFrame.dashboardFrame{
    padding: 50px 0px;
	min-height:auto;
    border: none;	
}
.analyticsDashboard.dsboard_item .zist p{
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.2px;
    font-size: 0.85rem;
    padding: 20px 0 0 0;	
}
.analyticsDashboard.dsboard_item .zist h4 span{
    font-size: 0.85rem;
}
.analyticsDashboard.dsboard_item.color_1 {
    background-color: #6c79bd;
}
.analyticsDashboard.dsboard_item.color_2 {
    background-color: #38de82;
}
.analyticsDashboard.dsboard_item.color_3 {
    background-color: #ef1b63;
}
.analyticsFrame.dashboardGearFrame,
.analyticsFrame.dashboardFrame{
    min-height: 290px;	
}
.analyticsFrame.dashboardFrame.smallFrame{
    padding: 50px 0 0px;
	border:1px solid #e4e4e4;
}

.analyticsFrame.dashboardFrame.smallFrame .analyticsFrame.dashboardGearFrame{
	min-height:auto;
    border: none;	
}
.analyticsFrame.dashboardFrame.smallFrame .socialMentions ul li a.socialItem{
    width: 90px;
    height: 90px;
    padding: 5px;
    border-width: 2px;	
}
.analyticsFrame.dashboardFrame.smallFrame .socialMentions.singleitem{
    padding: 50px 0 0;	
}

.iconArea.collborationDashItem{
    background: transparent;
    border-radius: 4px;
    padding: 20px 10px 10px;
    text-align: center;
    min-height: 184px;
}

.analyticsFrame.dashboardFrame.smallFrame.collaborationItem {
    padding: 10px;
    border: 1px solid #e4e4e4;
    min-height: auto;
    margin-bottom: 20px;	
}
.analyticsFrame.dashboardFrame.smallFrame .analyticsArea{
	margin:0px;
}
.analyticsFrame.dashboardGearFrame.DashCollMeter{
    min-height: 450px;	
}

.placeholder{
	width:100%;
	float:left;
}

/*------------- 13/02/2018 -----------*/

.analyticsFrame.dashboardFrame.smallFrame.socialMediaDashFrame{
	padding:0px;
}

.analyticsFrame.dashboardFrame.smallFrame.socialMediaDashFrame .socialMentions.singleitem {
    padding: 0px;
}
.analyticsFrame.dashboardFrame.smallFrame.socialMediaDashFrame .socialMentions ul li a.socialItem {
    width: 110px;
    height: 110px;
    padding: 10px;
    border-width: 4px;
}
.analyticsFrame.dashboardFrame.smallFrame.socialMediaDashFrame .socialMentions.singleitem.youtubeItem{
    padding: 80px 0 0 0;
}

.analyticsFrame.dashboardGearFrame.socialMediaDashMeter,
.analyticsFrame.dashboardFrame.socialMediaDashFrame{
    min-height: 375px;
}

/*----------- 15/2/2018 --------*/

.analyticsLoaderSection{
    width: 100%;
    float: left;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    min-height: 320px;
	background:#fff;
	text-align:center;
	padding:100px 0 0 0;
	margin-bottom:10px;
}

.dsboard_item .zist h4 {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    line-height: 25px;
}
.socialMentions.singleitem.BoxShape{
    padding: 0;	
}
.socialMentions.singleitem.BoxShape ul li {
    width: 100%;
    padding: 0;	
}
.socialMentions.singleitem.BoxShape ul li a.socialItem{
    width: 100%;
    height: 100%;
    display: block;
    min-height: 180px;
    border-radius: 6px;
    border-width: 2px;
}
.analyticsDashboard.dsboard_item.NewsCard{
    background: #fab900;
}

.analyticsFrame.socialMediaDashFrame .socialMentions.singleitem.youtubeItem ul li a.socialItem{
    width: 180px;
    height: 180px;
    padding: 30px 20px 20px;	
}
.analyticsFrame.socialMediaDashFrame .socialMentions.singleitem.youtubeItem ul li a.socialItem p{
    font-size: 1.5rem;
    margin-top: 10px;	
    line-height: 20px;	
}
.analyticsFrame.socialMediaDashFrame .socialMentions.singleitem.youtubeItem ul li a.socialItem p span{
    font-size: 0.75rem;	
}
.analyticsLoaderSection.placeholderInstruction{
    padding: 140px 0 0 0;	
}

/*-*/

.SearchTokenFields a{
    right: 5px;
    top: 5px;	
}
.profileCompleteness .login_form .FormInner.PreferenceForm{
	min-height:auto;
	margin:10px 0 30px;
}

.bottomButtonArea.SingleButton .nextBtnArea.homeButton{
    width: 50%;
    margin: 0 auto;
    float: none;
}

/*---------- 20/2/2018 -----------*/

.VerifyFiledsSection{
	width:100%;
	float:left;
	position:relative;
}
.VerifyFiledsSection a.verifyBtn,
.VerifyFiledsSection .verifiedBtn{
	width:50px;
	height:50px;
	display:inline-block;
    position: absolute;
    right: 6px;
    top: 0px;
    line-height: 20px;
    padding: 4px;

}
/*Pradip*/
.VerifyFiledsSection a.verifyBtn,
.VerifyFiledsSection .verifiedIcon{
	width:50px;
	display:inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 4px;
	border: 2px dotted gainsboro;
	left:100%;
}

.submitForm form .VerifyFiledsSection input[type='text'],
.submitForm form .VerifyFiledsSection input[type='email'],
.VerifyFiledsSection input.form_cntrl{
    padding: 0 60px 0 20px;	
}
.skipBtnArea{
	width:100%;
	float:left;
	padding:10px 0 0 0;
}
.skipBtnArea .btn_skip {
	height: auto;
    border-radius: 100px;
    border: 2px solid #f1f1f1;
    background-color: #f1f1f1;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #444444;
    display: block;
    width: 100%;
    padding: 10px;
}
.skipBtnArea .btn_skip:hover{
    border: 2px solid #444444;
    background-color: transparent;
    color: #444444;	
}

/*---------- 21/2/2018 ----------*/

.user-avatar-image {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px #5594e0;
    -moz-box-shadow: 0 0 0 2px #5594e0;
    box-shadow: 0 0 0 2px #584475;
    width: 40px;
    height: 40px;
}
.TopNav.navbar .nav li.userAvatar a.profileProgressSection {
    position: relative;
    width: 80px;
    float: right;
    display: block;
    background: #f0f0f0;
    border-radius: 100px;
    overflow: hidden;
    height: 5px;
    padding: 0;
    margin-top: -6px;
    margin-right: 62px;
}
.TopNav.navbar .nav li.userAvatar a.profileProgressSection span{
    position: relative;
    width: auto;
    height: 5px;
	margin-top:0px;
    float: left;
    background: #584475;
    overflow: hidden;
    border-radius: 100px;	
}
.TopNav.navbar .nav li.userAvatar a.profileProgressSection span::before {
    content: "";
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    left: 0%;
    top: 0;
    z-index: 100;
	-webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    transform: skewX(-10deg);	
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ffffff', endColorstr='#00ffffff',GradientType=1 );
	animation: progreeAnimate 2s infinite;
}


@keyframes progreeAnimate {
  0% {
    left: -100%;
  }
  100% {
	left: 100%;  
  }
}

.announcementCategoryList li a.active{
	background:#ffab00;
	color:#fff;
}

/*--------- 22/2/2018 --------*/

.login_form form .ms-parent label,
.profileCompleteness .login_form .FormInner .ms-parent label{
	padding: 0;	
}
.profileCompleteness .login_form .FormInner .ms-parent .ms-drop input[type="checkbox"]{
	margin-right:5px;
}

.formtitle{
    color: #2c2c2c;
    font-size: 1.5rem;
    font-weight: 600;
    width: 100%;
    cursor: default;
}
/*.icon {
	display: inline-block;
    margin: 0px;
    border: 2px solid #68588e;
    padding: 8px;
    float: right;
    background-color: gray; 
    color: white;
    font-size: 19px;
}*/
.icon {
    display: inline-block;
    margin: 0px;
    border: 2px solid #68588e;
    /* padding: 8px; 
    float: right;*/
    /* background-color: gray; */
    color: white;
    /* font-size: 19px; */
}
.load{
	content: "\f110";
	font-family: FontAwesome;
	position: absolute;
    font-size: 40px;
    padding: 20px;
}
.aui {
    color: #333333;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    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";
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
/* Complaint Details Modal*/
.detailsData label{
	float: left;
    width: auto !important;
    padding-right: 10px;
    font-weight: 700;
    cursor: default;
    color: #555 !important; 
    font-size: 15px;
    text-transform :capitalize !important;
}

.detailsData hr.title{
    border-top: 1px solid #ececec;
    margin-bottom: -10px;
}

.detailsData p.title{
   text-align: center;
   margin-top: -13px;
}

.detailsData p.title font{
 	background-color: #fff;
    color: #ea69c2;
    font-weight: 600;
    padding: 0 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}
/* Drop down in list */
.list_action{
	height: 37px  !important;
	width: auto  !important;
	margin: 0px  !important;
	padding: 0 10px !important;
}
.btn.btn-primary {
    border-radius: 0 !important;
    padding: 10px 30px !important;
    font-size: 14px;
    border-radius: 7px !important;
}

@media (max-width:1440px) {
	footer {
	    padding-left: 240px;
	}
}
@media (max-width:1360px) {
	footer {
	    padding-left: 226px;
	}
}
@media (max-width:1280px) {
	footer {
	    padding-left: 213px;
	}
}
@media (max-width:1199px) {
	footer {
	    padding-left: 200px;
	}
}
@media (max-width:1199px) {
	footer {
	    padding-left: 165px;
	}
}
@media (max-width:768px) {
	footer {
        padding: 0;
        height: auto;
        position: relative;
    }
}