@media (min-width: 992px){
    .typo-line{
        padding-left: 140px;
        margin-bottom: 40px;
        position: relative;
    }
    
    .typo-line .category{
        transform: translateY(-50%);
        top: 50%;
        left: 0px;
        position: absolute;
    }   
}

.all-icons [class^="pe-"]{
    font-size: 40px;
}
.all-icons input{
    border: 0;
}
.all-icons .font-icon-detail{
    text-align: center;
    padding: 45px 0px 30px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin: 15px 0;
}
.all-icons .font-icon-container a{
    padding: 5px 0;
    display: block;
    color: #666666;
}
.all-icons .font-icon-detail input{
    margin: 25px auto 0;
    width: 100%;
    text-align: center;
    display: block;
    color: #aaa;
    font-size: 13px;
}
.all-icons h5{
    margin-top: 60px;
}
.all-icons > div > .row:first-child h5{
    margin-top: 15px;
}

.places-buttons .btn{
    margin-bottom: 30px
}

.buttons-with-margin .btn{
    margin-bottom: 5px;
}

.animated .img-rounded{
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: 0 auto;
    display: block;
}
.animated .img-rounded img{
    width: 100%;
}


.image-preview-input {
    position: relative;
    overflow: hidden;
	margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}

.image-preview .btn{
	padding: 6px 16px !important;
	color: #FFFFFF;
    background-color: #3366cc ;
}


.centerd{
	 float: none;
    margin: 0 auto;
}

.register-page > .content
{
	padding-top:100px !important;
}
.text-capitalize{
	text-transform:capitalize !important;	
}
#chartdiv {
  width: 100% !important;
  height: 280px !important;
}
.card .ct-chart {
      width:inherit!important;
	  margin-left:80px !important;
    height: 220px!important;
}
#chartdiv .amcharts-export-menu ul {
	display:none;	
}

#test hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}

/*text editor css in massage board page start*/
.pln {
	color:#000
}
@media screen {
.str {
	color:#080
}
.kwd {
	color:#008
}
.com {
	color:#800
}
.typ {
	color:#606
}
.lit {
	color:#066
}
.pun, .opn, .clo {
	color:#660
}
.tag {
	color:#008
}
.atn {
	color:#606
}
.atv {
	color:#080
}
.dec, .var {
	color:#606
}
.fun {
	color:red
}
}
@media print, projection {
#printableArea{
	margin-left:100px !important;
	margin-right:100px !important		
}
.text-center{
	text-align:center !important;	
}
#printableArea .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	padding:8px 6px!important;
		
}
.society_details h2{
	margin-top:0px !important;
	margin-bottom:5px !important;
	font-size:20px !important;
	font-weight:bold;
	color:#035e82 !important;
}
.society_details h5{
	margin-top:5px !important;
	margin-bottom:5px !important;
	color:#304b81!important;
	font-size:16px !important;
	font-weight:400;
}
hr.no_margin{
	margin-top:10px;
	margin-bottom:5px;
}
.receipt{
	margin-top:25px;
	margin-bottom:5px;
	padding-top:15px;
	font-size:12px !important;
	/*text-align:right;*/
	border-top:2px solid #035e82;
}
.rec_no{
	text-align:right !important;
	margin-top:-28px !important;
}
.receipt p{
	margin-bottom:5px;
}
.amt_rcvd p{
	font-weight:500;
	font-size:18px;
}
.receipt-table>tbody>tr:nth-of-type(odd){
	background: rgba(35,204,239,0.1)!important;
	
}
.receipt-table>tbody>tr{
	background:#fcfcfc!important;
}
.receipt-table>tbody>tr>th{
	font-weight:inherit!important;
}
.receipt-table>thead>tr>th.acct{
	font-weight:600;
	font-size:14px;
}
.total_amt{
	font-size:16px !important;
	font-weight:600 !important;
}
.payment_details label{
	font-weight:normal;
}
	
.str {
	color:#060
}
.kwd {
	color:#006;
	font-weight:bold
}
.com {
	color:#600;
	font-style:italic
}
.typ {
	color:#404;
	font-weight:bold
}
.lit {
	color:#044
}
.pun, .opn, .clo {
	color:#440
}
.tag {
	color:#006;
	font-weight:bold
}
.atn {
	color:#404
}
.atv {
	color:#060
}
}
pre.prettyprint {
	padding:2px;
	border:1px solid #888
}
ol.linenums {
	margin-top:0;
	margin-bottom:0
}
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
	list-style-type:none
}
li.L1, li.L3, li.L5, li.L7, li.L9 {
	background:#eee
}
#editor, #first-editor, #second-editor {
	max-height: 250px;
	height: 250px;
	background-color: white;
	border-collapse: separate;
	border: 1px solid rgb(204, 204, 204);
	padding: 4px;
	box-sizing: content-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 1px 0 inset;
	box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 1px 0 inset;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	overflow: scroll;
	outline: none;
}
#editor:focus {
	border-color:rgba(82, 168, 236, 0.8);
	outline:0;
	outline:thin dotted \9;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
}
.voiceBtn {
	width: 20px;
	color: transparent;
	background-color: transparent;
	transform: scale(2.0, 2.0);
	-webkit-transform: scale(2.0, 2.0);
	-moz-transform: scale(2.0, 2.0);
	border: transparent;
	cursor: pointer;
	box-shadow: none;
	-webkit-box-shadow: none;
}
div[data-role="editor-toolbar"] {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.dropdown-menu a {
	cursor: pointer;
}
.btn-toolbar {
	padding: 10px 0px 10px 0px;
}
 [contentEditable=true]:empty:not(:focus):before {
 content:attr(data-placeholder)
}
.placeholderText {
	color: #777;
}
.imgUpload {
	width: 0;
	height: 0;
	position:absolute
}

.fs-One {
	font-size: x-small;
}
.fs-Three {
	font-size: medium;
}
.fs-Five {
	font-size: x-large;
}

/* Font Color */

/* Black */
a[data-edit="foreColor #000000"]::before {
 content: "\f0c8  ";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 color: #000000;
 font-size: 18px;
 top: 10px;
 left: 0;
}

/* Blue */
a[data-edit="foreColor #0000FF"]::before, a[data-edit="backColor #00FFFF"]::before {
 content: "\f0c8  ";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 color: #0000FF;
 font-size: 18px;
 top: 10px;
 left: 0;
}

/* Green */
a[data-edit="foreColor #30AD23"]::before, a[data-edit="backColor #00FF00"]::before {
 content: "\f0c8  ";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 color: #30AD23;
 font-size: 18px;
 top: 10px;
 left: 0;
}


/* Orange */
a[data-edit="foreColor #FF7F00"]::before, a[data-edit="backColor #FF7F00"]::before {
 content: "\f0c8  ";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 color: #FF7F00;
 font-size: 18px;
 top: 10px;
 left: 0;
}

/* Red */ 
a[data-edit="foreColor #FF0000"]::before, a[data-edit="backColor #FF0000"]::before {
 content: "\f0c8  ";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 color: #FF0000;
 font-size: 18px;
 top: 10px;
 left: 0;
}

/* Yellow */
a[data-edit="foreColor #FFFF00"]::before, a[data-edit="backColor #FFFF00"]::before {
 content: "\f0c8  ";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 color: #FFFF00;
 font-size: 18px;
 top: 10px;
 left: 0;
}

#text-editor i {
    color: #000;
}
#text-editor .btn {
    display: inline-block;
     padding: 4px 11px; 
	 margin-bottom:5px;
}

#reportPage .fixed-table-body{
	height:auto!important;	
}
/*text editor css in massage board page end*/
#hide{
	display:none !important;
}

@media print{  
 body {
        margin: 0;
        padding: 0;
        line-height: 1.4em;
        word-spacing: 1px;
        letter-spacing: 0.2px;
 }
.container {
    width: auto;
  }
  .nav li{
	  float:left !important;
	  }
#hide{
	display:block !important;
}
.col-sm-1 {width:8%;  float:left;}
.col-sm-2 {width:16%; float:left;}
.col-sm-3 {width:25%; float:left;}
.col-sm-4 {width:33%; float:left;}
.col-sm-5 {width:42%; float:left;}
.col-sm-6 {width:50%; float:left;}
.col-sm-7 {width:58%; float:left;}
.col-sm-8 {width:66%; float:left;}
.col-sm-9 {width:75%; float:left;}
.col-sm-10{width:83%; float:left;}
.col-sm-11{width:92%; float:left;}
.col-sm-12{width:100%; float:left;}
   
.col-md-1 {width:8%;  float:left !important;}
.col-md-2 {width:16%; float:left!important;}
.col-md-3 {width:25%; float:left!important;}
.col-md-4 {width:33%; float:left!important;}
.col-md-5 {width:42%; float:left!important;}
.col-md-6 {width:50%; float:left!important; color:red;}
.col-md-7 {width:58%; float:left!important;}
.col-md-8 {width:66%; float:left!important;}
.col-md-9 {width:75%; float:left!important;}
.col-md-10{width:83%; float:left!important;}
.col-md-11{width:92%; float:left;!important;}
.col-md-12{width:100%; float:left!important;}

.col-xs-1 {width:8%;  float:left;}
.col-xs-2 {width:16%; float:left;}
.col-xs-3 {width:25%; float:left;}
.col-xs-4 {width:33%; float:left;}
.col-xs-5 {width:42%; float:left;}
.col-xs-6 {width:50%; float:left;}
.col-xs-7 {width:58%; float:left;}
.col-xs-8 {width:66%; float:left;}
.col-xs-9 {width:75%; float:left;}
.col-xs-10{width:83%; float:left;}
.col-xs-11{width:92%; float:left;}
.col-xs-12{width:100%; float:left;}

}

#myiframe {width:600px !important; height:100% !important;} 

/* index page css start*/
body{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size:14px;
}
#top .navbar {
	min-height: 60px !important;
	font-size: 14px !important;
	margin-bottom: 0px;
	border-bottom: 1px solid #035e82;
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
	box-shadow: 0 0 5px rgba(0,0,0,.15);
}
#top .navbar-brand{
	//padding:10px;
}
#top .logo{
	//width:120px;
	//height:31px;
	margin-top:-4px;
}
#top .btn{
	padding: 2px 6px !important;	
	border-radius: 2px !important;
	margin-top:8px;
}
#top .navbar-right{
	margin-top:10px;
}
#top .navbar-nav>li>a {
    padding-left:2px;
	padding-right:2px;
	margin-left:25px;
	color:#333333;
	font-size:15px;
}
#top .navbar-nav>li.active>a {
	//color:#035e82 !important;
	color:#035e82 !important;
	font-weight:500;
    border-bottom:2px solid #035e82;
	background:none !important;
}
#top .navbar-nav>li>a:hover{
	border-bottom:2px solid #035e82;
}
#top a button.log_in{
	margin-top:-3px;
	//margin-left:25px;
	border-color:#035e82;
	background:#035e82;
	color:#fff;
	font-size:14px !important;
}
#top .navbar-nav>li>a.no_hover:hover{
	border-bottom: none !important;
}
#top button.log_in a{
	color:#fff !important;
}
#top button.log_in:hover{
	background:#035e82;
	color:#fff;
}
#top button.log_in:focus {
	color:#fff;
	background-color:#035e82;
	border-color:#035e82;
}

/* slider css start */

#first-slider{
	margin-top:91px;
}
#first-slider .main-container {
    padding: 0;
}
#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3{
    color: #fff;
    font-size: 36px;
    //text-transform: uppercase;
    font-weight:500;
}
#first-slider .slide1 h4,#first-slider .slide2 h4,#first-slider .slide3 h4,#first-slider .slide4 h4{
    color: #fff;
    font-size: 22px;
    //text-transform: uppercase;
    font-weight:400;
	width:700px;
}
#first-slider .slide1 .text-left ,#first-slider .slide3 .text-left{
    //padding-left: 40px;
}
#first-slider .carousel-indicators {
    bottom: 0;
}
#first-slider .carousel-control.right,
#first-slider .carousel-control.left {
    background-image: none;
}
#first-slider .carousel .item {
    //min-height: 544px;
	min-height: 515px; 
    height: 100%;
    width:100%;
}
.carousel-inner .item .container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}
#first-slider h3{
    animation-delay: 1s;
	color:#035e82 !important;
}
#first-slider h4 {
    animation-delay: 2s;
}
#first-slider h2 {
    animation-delay: 3s;
}
#first-slider .carousel-control {
    width: 6%;
    text-shadow: none;
}
#first-slider h1 {
    text-align: center;  
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: bold;
}
#first-slider .p {
    padding-top: 125px;
    text-align: center;
}
#first-slider .p a {
    text-decoration: underline;
}
#first-slider .carousel-indicators li {
    width: 12px;
    height: 12px;
    background-color: rgba(255,255,255,.8);
    border:none;
}
#first-slider .carousel-indicators .active{
    width: 14px;
    height: 14px;
    background-color: #035e82;
    border:none;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.carousel-control .fa-angle-right, .carousel-control .fa-angle-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-control .fa-angle-left{
    left: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control .fa-angle-left:hover{
	border: 3px solid #035e82;
}
.carousel-control span.fa-angle-left:hover{
	color:#035e82;
}
	
.carousel-control .fa-angle-right{
    right: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control .fa-angle-right:hover{
	border: 3px solid #035e82;
}
.carousel-control span.fa-angle-right:hover{
	color:#035e82;
}
.carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
}
/********************************/
/*       Slides backgrounds     */
/********************************/
#first-slider .slide1 {
	background-image: url(../../Content/Login/img/img5.jpg);
	/*//background-image: url(../img/society1.jpg);*/
	background-size: cover;
	background-repeat: no-repeat;
}
#first-slider .slide2 {
	background-image: url(../../Content/Login/img/img2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
#first-slider .slide3 {
	background-image: url(../../Content/Login/img/img3.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
#first-slider .slide4 {
	background-image: url(../../Content/Login/img/img4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

/* slider css end */

/* updates section css start */

#update{
	margin-top:0;
	margin-bottom:1px;
	border-top:1px solid #e9e8e8;
	//background:#ddd;
}
.no_padding{
	padding-left:0;
	padding-right:0;
}
.whats_new{
	height:50px;
	background:#035e82;
	padding-top:10px;
	//border-right:2px solid #a9502c;
}
.whats_new:after {
    content: '';
    width: 19%;
    background: #035e82;
    height: 100%;
    right: -10px;
    position: absolute;
    transform: skew(16deg,0deg);
    top: 0;
    z-index: 999;
}
.whats_new h2{
	margin-top:0px;
	text-align:center;
	color:#fff;
	font-size:26px;
}
#update .ticker{
  margin:10px auto;
  background: linear-gradient(45deg, #035e82, #252a34);
  color:#fff;
  font-size:18px;
  height:50px !important;
}
#update .ticker {
  margin: 0 auto;
  padding: 10px;
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
  background-color:#ffffff;
}

#update .ticker ul {
  width: 100%;
  position: relative;
  margin-left:20px;
  margin-top:4px;
}

#update .ticker ul li {
  width: 100%;
  display: none;
}
/* for text blinking */
.blink_me {
  animation: blinker 1.2s linear infinite;
  color:#035e82;
  font-size:12px;
  font-weight:600;
  background:#fff;
  border-radius:50%;
  padding:3px;
}
@keyframes blinker {  
  30% { opacity: 0.3; }
}
/* for text blinking */

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
#update .ticker img {
    -webkit-animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 1s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 1s;
    -o-animation-iteration-count: infinite;
	width:25px;
	height:25px;
	position:absolute;
	top:-10px;
}

/* updates section css end */

/* features section css start */

#feature_list{
	margin-top:20px;
	margin-bottom:35px;
}
.margin_top_30px{
	margin-top:30px;
}
.margin_bottom_20{
	margin-bottom:20px;
}
.features .media{
	margin-top:5px !important;
}
/*.features .media-body, .features .media-left, .features .media-right {
    display: table-cell;
    vertical-align: top !important;
}*/
#feature_list .features .media h6{
	font-size:15px !important;
	color:#333;
	margin-top:2px !important;
	text-transform:none !important;
}
#feature_list .features .media h6.color_gray{
	color:#e5e5e5;
}
#feature_list .features .media .media-left i.color_gray{
	color:#e5e5e5;
}
#feature_list .features p{
	font-size:18px;
	color:#333;
}
#feature_list .features ul{
	list-style-type:none;
	margin-top:40px;
	//padding-left:0px;
}
#feature_list .features ul li{
	padding-bottom:25px;
	font-size:16px;
}
#feature_list .features ul li.color_gray{
	color:#e5e5e5;
}
#feature_list .features img.coming_soon{
	opacity:0.5;
	width:230px;
	height:151px;
	margin-top:-195px;
	margin-left:45px;
}
#feature_list .icon-fashion:before {
    content: "\e60c";
	font-size: 1.33333333em;
}

#feature_list h4.media-heading{
	font-size:18px;
	font-weight:600;
	color:#035e82;
	line-height:24px;
}
#feature_list .media ul{
	list-style-type:disc !important;
	margin-top:5px;
	padding-left:16px;
}
#feature_list .media ul li{
	padding-bottom:6px;
	font-size:14px;
	color:#000;
	text-align:justify;
}
#feature_list .media-left{
	padding-right:15px;
}

/* features section css end */

/* counter section css start */

#statistics {
    background:url(../img/counter-bg.jpg) fixed;
	//background:#ddd;
    padding-top: 20px;
	background-size:cover;
    padding-bottom: 20px;
	color:#fff;
}
#statistics h2{
	color:#fff;
}
#statistics h1{
	font-size:36px;	
	text-align:center;
	padding-top:30px;
	color:#fff;
}
#statistics .font-size-12px{
	font-size:12px;	
}
#statistics .circle-transparent{	
	width:170px;
	height:170px;
	margin-left:auto;
	margin-right:auto;
	background:rgba(0,0,0,0.5);
	border:solid 4px #035e82;
	border-radius:100px;
}
.numb {
    display: none;
}
.stat_numbers {
	z-index: 3;
	width: 100%;
	margin: 0px 0 0 0;
	text-align: center;
}
.stat .row {
	margin: 40px 0 0;
	position: relative;
}
.stat p{
	font-size:18px;
	color:#fff;
	text-align:center;
	padding-top:10px;
}

/* counter section css end */

/* about section css start */

#about {
    /*background:url(../../Content/Login/img/copierbg.png) fixed;*/
	
    padding-top: 20px;
	background-size:cover;
    padding-bottom: 65px;
	color:#fff;
}
#about h1{
	font-size:36px;	
	text-align:center;
	padding-top:30px;
}
#about p{
	font-size:20px;
	font-weight:400;
}
.margin_botto_50{
	margin-bottom:50px;
}
.green{
	color:#035e82 !important;
}
.padding_top_10{
	padding-top:10px;
}

/* about section css start */

/* contact section css start */

#contact{
	padding-top:15px;
	padding-bottom:65px;
}
.demo{
	padding-top:15px;
}
.contact_box{
	/*padding-right:30px;
	border-right:1px dashed #035e82;*/
	padding-left:30px;
	border-left:1px dashed #035e82;
}
.contact_box textarea {
    resize: none;
}
.contact_box h4{
	color: #035e82;
}
#contact h4{
	font-size:26px;
	margin-bottom:30px;
	margin-top:10px;
}
#contact h5{
	font-size:24px;
	margin-top:20px;
	font-weight:500;
}
#contact .mob_margin_top h6{
	font-size:16px !important;
	margin-top:20px;
	margin-bottom:20px !important;
}
#contact p{
	font-size:16px !important;
	margin-bottom:20px;
}
.btn-warning.btn-fill{
	background:#035e82;
}
.color_white{
	color:#fff;
}
#main-contact-form{
	margin-top:20px;
}
#contact button.submit{
	background:#035e82;
	border-color:#035e82;
	color:#fff;
}
#contact button.submit:hover{
	background:#035e82;
	color:#fff;
}
#contact button.submit:focus {
	color:#fff;
	background-color:#035e82;
	border-color:#035e82;
}
.group1 { 
	position: relative; 
	margin-bottom: 25px; 
}


/* contact section css end */

/* footer section css start */

#bottom{
	background:#202020;
	padding-top:10px;
	padding-bottom:0px;
}
#bottom p{
	padding-top:4px;
}
#bottom h6.phone a, #bottom p.mail a{
	color:#fff !important;
}
#bottom p.address{
	font-size:14px !important;
	color:#fff !important;
	float:right;
}

#bottom1{
	background:#;
	padding-top:8px;
	padding-bottom:8px;
}
#bottom1 p{
	padding-top:0px;
	padding-bottom:1px;
	color:#777;
	font-size:16px
}
.go_top{
	position:fixed;
	bottom:20px;
	right:10px;
}
@media (max-width : 768px){
#top .navbar-collapse.collapse.in {
    display: block !important;
}
#top .log_in{
	width:40%;
	float:left;	
}
#top .navbar-nav > li{
	margin:0px !important;	
}
}

@media  screen and (min-width : 468px) and (max-width : 767px) {
}

@media  screen and (max-width : 468px) {
#top .navbar-nav>li.active>a {
	color:#035e82 !important;
	font-weight:500;
    border-bottom:none !important;
	background:none !important;
}
#top .navbar-nav>li>a:hover{
	border-bottom: none !important;
}
button.log_in{
	margin-top:10px !important;
	margin-left:15px;
}
#top .navbar-nav>li>a {
	margin-left:15px;
}
.contact_box{
	border-right: none;
	padding-right:0px;
}
.mob_margin_top{
	margin-top:30px;
}
button.submit{
	width:100%;
}
#statistics .circle-transparent {
    width: 80px;
    height: 80px;
    background: rgba(0,0,0,0.7);
    border: solid 2px #035e82;
    border-radius: 100px;
    float: none;
}
#statistics h1{
	font-size:18px;	
	padding-top:10px;
}
#statistics p{
	font-size:12px;
} 
}

@media  screen and (max-width : 320px) {
#top .navbar-nav>li.active>a {
	color:#035e82 !important;
	font-weight:500;
    border-bottom:none !important;
	background:none !important;
}
#top .navbar-nav>li>a:hover{
	border-bottom: none !important;
}
button.log_in{
	margin-top:10px !important;
	margin-left:15px;
}
#top .navbar-nav>li>a {
	margin-left:15px;
}
#top .navbar-nav>li>a {
	margin-left:15px;
}
.contact_box{
	border-right: none;
	padding-right:0px;
}
.mob_margin_top{
	margin-top:30px;
}
button.submit{
	width:100%;
}
#statistics .circle-transparent {
    width: 80px;
    height: 80px;
    background: rgba(0,0,0,0.7);
    border: solid 2px #035e82;
    border-radius: 100px;
    float: none;
}
#statistics h1{
	font-size:18px;	
	padding-top:10px;
}
#statistics p{
	font-size:12px;
}
}
#font_change{
	font-family:'Roboto', sans-serif !important;
	font-size:14px!important;
	padding-right:0px !important; 
	
}

#font_change h6{
	font-size:12px !important;
	margin-bottom: 10px !important;
	line-height: 1.1 !important;
	font-weight: 500 !important;
}
/* footer section css end */

/* index page css end */

 .navbar{
	//  position: fixed;
	 
	z-index:1000!important;
	width:100% !important;
	 -webkit-transition: all 2s ease-in!important;
    transition: all 1s ease-in!important;
	 transition: top 0.5s ease 0s;
    -webkit-transition: top 0.5s ease 0s;
    -moz-transition: top 0.5s ease 0s;
    -o-transition: top 0.5s ease 0s;
		 
}
 
 #fixedsocial {
    top:30%;
    height:200px;
    width:60px;
    position:fixed;
    right: 0;
}

.facebookflat {
    background:url("http://placehold.it/50x50");
    height:50px;
    width:50px;
   transition:ease 500ms;
    background-size:50px;
    opacity:1;
}

.facebookflat:hover {
    background:url("http://placehold.it/50x50");
    height:50px;
    width:50px;
    background-size:60px;
    opacity:0.5;
    transition:ease 500ms;
    margin-left:-20px;
    width:70px;

}


.modal .card{
	box-shadow:none !important;	
	margin-bottom:0px !important;
}
.modal-sm{
	width:360px !important;	
	margin-top:150px;
}

#top .navbar .navbar-nav > li > a {
    padding: 8px 5px 5px 5px;
        margin-top: 0px !important;
    position: relative;
}

.align-session{
	//text-align:center !important;
	padding-top:20px !important;
	display:inline;
}


 
#ragister_page{
	//margin-top:70px;	
}  

.btn-sm{
	border-radius:0px !important;
	padding:1px 3px!important;
	font-size:13px!important;
	box-shadow:1px 2px 5px -2px rgba(0,0,0,0.75);
}
.btn-sm:hover{
	box-shadow:none !important;
}
a{
	outline:none !important;	
}
.btn-warning.btn-fill, .btn-info.btn-fill{
	//border-radius:0px !important;
	box-shadow:1px 2px 5px -2px rgba(0,0,0,0.75);
}

.btn-warning.btn-fill:hover, .btn-info.btn-fill:hover{
	box-shadow:none !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav:hover a{
	border-radius:0px !important;
}

/* input type effect css start*/
.group { 
	position: relative; 
	margin-bottom: 45px; 
}
.input{
	padding: 10px 10px 10px 5px;
	-webkit-appearance: none;
	display: block;
	background: #fff;
	color: #636363;
	width: 100%;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #888888;
}

.input:focus {
	outline: none;
	border-bottom:none;
}

.label {
	color: #999; 
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	top: 10px;
	-webkit-transition:all 0.2s ease;
	transition: all 0.2s ease;
}
.input:focus ~ .label, .input.used ~ .label {
	top: -20px;
  -webkit-transform: scale(.75);
   transform: scale(.75); left: -2px;
	color: #035e82;
}
.bar {
	position: relative;
	display: block;
	width: 100%;
}

.bar:before, .bar:after {
	content: '';
	height: 1px; 
	width: 0;
	bottom: 0px; 
	position: absolute;
	background: #035e82 !important; 
	-webkit-transition:all 0.2s ease; 
	transition: all 0.2s ease;
}


.bar:before { left: 50%; }

.bar:after { right: 50%; }
.input:focus ~ .bar:before, .input:focus ~ .bar:after { width: 50%; }
.highlight {
	position: absolute;
	height: 60%; 
	width: 100px; 
	top: 25%; 
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}

.input:focus ~ .highlight {
	-webkit-animation: .inputHighlighter 0.3s ease;
	        animation: .inputHighlighter 0.3s ease;
}
@-webkit-keyframes .inputHighlighter {
	from { background: #4a89dc; }
	to 	{ width: 0; background: transparent; }
}

@keyframes .inputHighlighter {
	from { background: #4a89dc; }
	to 	{ width: 0; background: transparent; }
}

/* input type effect css end*/

.bootstrap-select.btn-group .dropdown-menu li{
	border-bottom: 1px solid #888888 !important;
}
.bootstrap-select.btn-group .dropdown-menu li>li:last-child {
	border-bottom:none !important;
}
.dropdown-toggle {
    border: none !important;
	border-radius:0px;
}
.bootstrap-table .fixed-table-pagination .page-list .btn
{
	border:solid 1px #dbdbdb!important;
	}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
     //border-bottom: 1px solid #888888 !important;
	 //margin-top:4px;
}
.btn-wd {
    min-width: 100px !important;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.form-control1{
	border-radius:0px !important;
	border-left:0px !important;
	border-right:0px !important;
	border-top:0px !important;
	border-bottom: 1px solid #888888 !important;	
}

.margin-top-15px{
	margin-top:15px;
}


.margin-top-20px{
	margin-top:20px !important;
}
.margin-top-18px{
	margin-top:18px !important;
}

.margin-rleft-8px{ 
  margin-left:-8px !important;
}

.btn-postion{
	position:absolute !important;
	right:45px !important;	
	margin-top:-35px;
}

.col_edit{
	color:#035e82;
}

.col_edit:hover{
	color:#23CCEF;
}

.col_del{
	color:#999;
}

.col_del:hover{
	color:#23CCEF;
}

.font-size-10px{
	font-size:10px !important;
}

#positon_form{
	position:relative;
	margin-top:10px;
	//margin-bottom:-105px !important;
	margin-bottom:-55px !important;	
}
#acount_table small{
	font-size:10px !important;	
}

.alert_msg{
	font-weight: 300; 
	font-size: 22px !important;
	text-aling:center !important;
	color:#cecece !important;
	margin-top:20px;
	margin-bottom:50px;
}

.society_details h2{
	margin-top:0px !important;
	margin-bottom:5px !important;
	font-size:30px;
	font-weight:bold;
	color:#035e82;
}
.society_details h5{
	margin-top:15px !important;
	margin-bottom:15px !important;
	color:#304b81;
	font-weight:400;
}
hr.no_margin{
	margin-top:10px;
	margin-bottom:5px;
}
.receipt{
	margin-top:25px;
	margin-bottom:5px;
	padding-top:15px;
	/*text-align:right;*/
	border-top:2px solid #035e82;
}
.receipt p{
	margin-bottom:5px;
}
.amt_rcvd p{
	font-weight:500;
	font-size:18px;
}
.receipt-table>tbody>tr:nth-of-type(odd){
	background: rgba(35,204,239,0.1);
}
.receipt-table>tbody>tr{
	background:#fcfcfc;
}
.receipt-table>tbody>tr>th{
	font-weight:inherit;
}
.receipt-table>thead>tr>th.acct{
	font-weight:600;
	font-size:14px;
}
.total_amt{
	font-size:16px !important;
	font-weight:600 !important;
}
.payment_details label{
	font-weight:normal;
}

.font-size_28px{
	font-size:28px !important;
	cursor:pointer;
	margin-top:20px;
	color:#000 !important;
	margin-left:10px;	
}

.margin_right_10px{
	margin-right:5px !important;	
}
.color_green{
	color:#035e82 !important;	
	opacity:0.8 !important;
}

.color_green:hover{
	color:#035e82 !important;	
	opacity:1;
}
.table .td-actions .btn{
	opacity:0.8!important;
}

option{
    border-bottom: 1px solid #888888 !important;	
}
.view_data{
	cursor:pointer !important;	
}
.web_show{
	display:block !important;
}
.mob_show{
	display:none !important;
}
.full_width{
	width:100% !important;
}
.font_weight{
	font-weight:normal!important;
	text-transform:uppercase;
	font-size: 12px;
	color: #888888;	
}
#dataModal .modal-dialog{
	margin-top:190px;	
}
#payModal .modal-dialog{
	margin-top:125px !important;	
}
#dataModal .media-left{
	padding-right:8px !important;
}
.margin_left_min{
	margin-left:-10px !important;	
}
.normal_text{
	text-transform:none !important;
}
.bootstrap-table .table_padding > tbody > tr > td{
	padding-top:16px !important;
	padding-bottom:16px !important;
}
.margin_top_20px{
  margin-top:-23px !important;
 }
 .margin-top-10px{
	margin-top:10px !important;	 
}
.position{
	position: absolute;
    font-size: 12px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
    top: 68px;
}

.alert-danger {
    color: #a94442 !important;
    background-color: #f2dede!important;
    border-color: #ebccd1!important;
	//font-weight:1000 !important
}
.alert-success {
    color: #3c763d!important;
    background-color: #dff0d8!important;
    border-color: #d6e9c6!important;
}


#flatWise_div{
	display:none ;	
}
#equalFee_div{
	display:none ;	
}
#combinedMethod_div{
	display:none ;
}
.radio_css{
	position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.radio_css label {
    min-height: 20px;
    //padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
	font-weight: 400;
    color: #888888 !important;
	font-size: 14px !important;
	text-transform: capitalize !important;
}

.intro, .intro1 , .intro2{
	//background:#f5f5f5;	
	color:#035e82;
}

.checkbox.checked .second-icon, .radio.checked .second-icon, .checkbox.checked .icons, .radio.checked .icons {
     color: #035e82 !important; 
}

.margin_left_10{
	margin-left:10px;
}
.position_footer{
	position:absolute;	
	bottom:0px;
	z-index:1202;
	width:100%;
	background:#ffffff !important;
	color:#737373 !important;
}

.society_active{
	background:#e0dede !important;

}
.dropdown-menu > li:last-child > a {
    margin-bottom: 0px !important;
}
/* css for tooltip start */
.tooltip_new .tooltip-inner{
	background-color: #fff !important;
    border-radius: 4px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(115, 71, 38, 0.23);
    color: #777 !important;
	font-weight:normal;
	font-size:12px;
    max-width: 280px;
    min-width: 90px;
    padding: 4px 6px;
    text-align: center;
    text-decoration: none;
}
.tooltip_new .tooltip.bottom .tooltip-inner:before {
    border-bottom: 9px solid rgba(0, 0, 0, 0.2);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    top: -10px;
}
.tooltip_new .tooltip.bottom .tooltip-inner:after {
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 8px solid transparent;
    top: -9px;
}

.tooltip_new .tooltip.top .tooltip-inner:before {	
    bottom: -10px;
    border-top: 9px solid rgba(0, 0, 0, 0.2);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}
.tooltip_new .tooltip.top .tooltip-inner:after {
	bottom: -9px;
    border-top: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 8px solid transparent;
}

.tooltip_new .tooltip.left .tooltip-inner:before{
    border-left: 9px solid rgba(0, 0, 0, 0.2);
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    right: -10px;
    left: auto;
    margin-left: 0;
}
.tooltip_new .tooltip.left .tooltip-inner:after{
    border-left: 9px solid #fff;
    border-top: 9px solid transparent;
    border-bottom: 8px solid transparent;
    right: -9px;
    left: auto;
    margin-left: 0;
}
/* css for tooltip end */

.margin_min{
	margin-right:-50px !important;
	margin-left:35px;	
}

.background_color{
background:#f5f5f5;	
}
.btn-simple{
padding-top:0px !important;	
padding-bottom:0px !important;	
}

 #ragister_page .card form [class*="col-"] {
    //padding: 0 6px !important;
 }
 span.error {
    text-transform: none !important;
	font-size: 12px!important;
	    font-weight: 400 !important;
    color: #FB404B !important;
	position: absolute !important;
    bottom: 5px!important;
}

 span.error_pos {
	position: inherit !important;
	bottom: 2px!important;
}

label.error{
	text-transform: none;
	font-size: 12px;
	font-weight: 400;
    color: #FB404B !important;
	position: absolute;
	text-transform: none !important;
}
.upload_error label.error{
	/*text-transform: none;
	font-size: 12px;
	font-weight: 400;
    color: #FB404B;
	position: inherit;
	display:inline !important;*/
	margin-left: -225px;
    z-index: 99;
    margin-top: 35px;
}
.upload_error span.error1{
	position:absolute;
	margin-left: -225px;
    z-index: 99;
	color: #FB404B !important;
    margin-top: 35px;
	font-size: 12px;
}
.upload_error span.error2{
	position:absolute;
	margin-left: -310px;
    z-index: 99;
	color: #FB404B !important;
    margin-top: 35px;
	font-size: 12px;
}
.error_report label.error{
	margin-top:30px;
	margin-left:-48px;
}
#selectUser-error{
	text-transform: none;
	font-size: 12px;
	font-weight: 400;
    color: #FB404B;
	position: absolute;
	top:42px;
	display:block !important;
}

radio .card .category.error, .card .form-group > label.error {
	display:block;
	font-size: 12px;
	position:absolute;
	padding-left:0px !important;
	text-transform: none !important;
} 
 radio.check_radio{
	display:block;
	position:absolute;
} 
 .form-control.error{
	color:#565656;
} 
.placeholder_color{
	color:#888888 !important;
}
.lable_font .form-group > label{
	//font-size: 14px;
    font-weight: 400;
    color: #888888;
	text-transform: capitalize;

}
.lable_font .form-group > input, .lable_font .form-group > select{
	font-size: 14px;
    font-weight: 400;
}
.lable_font .form-group > label.error{
	color:#FB404B;
	text-transform: none;
}
.card .form-group > label {
    font-size: 14px;
    text-transform: capitalize !important;
}
.form-control.selectpick{
    border-style: solid;
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
}
.selectpick option{
	//color:red;
	border:solid 1px red !important;	
}
.form-control.selectpick option:active{
  outline: none !important;
  background-color: purple !important;
  box-shadow: inset 20px 20px #00f !important;
}

#tenant_view{
	display:none;	
	//display:inline;
	margin-left:10px;
	
}

input[type="radio"]{
	cursor:pointer !important;
}
.form-control{
	height:34px;
	color:#797666;
	border:1px solid #bfbfbf;
}
label.color_lable{
	//color:#333333!important;
	//font-weight:normal !important;
	font-weight: 550!important;
}

#dataModal .text-capitalize{
color: #888888!important;
font-weight:400!important;	
}
#dataModal .color_lable{
color: #888888!important;
font-weight: 550!important;
}
#dataModal .color_lable{
color: #888888!important;
font-weight: 550!important;
}

.sidebar .nav i{
	font-size:32px;
}
.sidebar .nav p{
	font-size:14px;
	font-weight:500;
}
.sidebar .user .photo{
	border: 2px solid rgba(255, 255, 255, 0.5);
}
label#datepicker1-error, label#datepicker2-error, label#selectQuarterly-error, label#selectYearly-error, label#selectUser-error{
	margin-top: 0px !important;
    margin-left: 0px !important;
}
label#selectUser-error, label#selectVendor-error{
	margin-top: 0px !important;
    margin-left: 0px !important;
}
p.balance_box{
	font-size:20px;
	color:#035e82;
	//font-weight:bold;
}
.fixed-table-toolbar .search{
    margin-right: -15px !important;
}
.fixed-table-body thead th .th-inner{
	font-weight:bold;
}
#reportUser .group{
	margin-bottom:15px;
}
.margin_top_5px{
	margin-top:5px;
}
label#select-error{
	margin-top: 35px;
    margin-left: -48px;
}

#contact form label{
	text-transform:capitalize !important;
	font-weight:400;
}

#sel_society .modal-backdrop{
	display:none !important;	
}
body.overflow{
	overflow-y:hidden !important;
}
.white{
	color:#fff !important;
}
a.login_color{
	color:#fff !important;
	opacity:1 !important;
}
a.login_color:hover{
	color:#035e82 !important;
}
ul.footer_color li a{
	color:#fff !important;
	opacity:1 !important;
}
ul.footer_color li a:hover{
	color:#035e82 !important;
}
select.form-control{
    padding: 5px 12px;
}
.no_padding_left{
	padding-left:0px !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border-radius:0px !important;
	box-shadow: none !important	;
    height:auto !important	;
    width:auto !important;
	z-index:999;
	position:inherit !important	;
}
.reg_card{
	padding-bottom:20px !important;
	padding-top:10px !important;
	margin-top:-50px !important;
	border-radius:6px !important;
}
#loginPage span.alert{
    padding: 10px 6px;
	font-size:12px;
}
.fixedlatefee{
	display:none;
}  
.perlatefee{
	display:none;
}
.tenant_details{
	display:none;
}
label#latefee_type-error{
    top: 20px;
    left: 5px;
}
#flatWise label#select-error{
	margin-top:18px;
	margin-left:-15px;
	font-size:12px !important;
}
.btn_script_pos{
	position:absolute;
	top:25px;
	right:412px;
}
.btn_script_pos1{
	position:absolute;
	top:25px;
	right:567px;
}
textarea:focus, input:focus, select:focus{
	color:#797666 !important;
}
textarea:focus, input:focus, select:focus{
	outline: none !important;
    border:1px solid #847a7a;
}
.sidebar .sidebar-wrapper > .nav {
    margin-top: 20px !important;
}
.display_none{
	display:none;	
}
.vertical_align{
	vertical-align:text-bottom;
}
span.format{
	font-size:11px;
	color:#035e82;
	font-weight:normal !important;
	text-transform:none !important;
}
#dataModal{
	z-index:1202 !important;	
}
#vistorModal{
	z-index:1202 !important;	
}


/*table.msg_table > tbody > tr > td{
	padding: 6px 8px;
	border-top: none;
	border-bottom: 1px solid #ddd;
}
table.msg_table h5.media-heading{
	margin-bottom:0px !important;
}*/

.web_msg_board{
	border:1px solid #f0f0f0;
	background: rgba(249,249,249,0.3);
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 4px;
    margin-bottom: 12px;
}
#vistorModal .color_lable {
    color: #888888!important;
    font-weight: 550!important;
}
#vistorModal .text-capitalize {
    color: #888888!important;
    font-weight: 400!important;
}
#vistorModal .modal-dialog {
    width: 600px;
    margin: 120px auto !important;
}
#visitors span.error{
	margin-bottom:-7px !important;	
}


.sidebar .user{
    padding-bottom: 20px !important;
    margin-top:0px !important;
	border-bottom: none !important;
}
.sidebar .nav li > a{
	padding-top:5px;
	padding-bottom:5px;
	margin: 8px 15px 0px;
}
p.dues{
	color: #999; 
	font-size: 14px;
	font-weight: normal;
	pointer-events: none;
	-webkit-transition:all 0.2s ease;
	transition: all 0.2s ease;
}

.card .coming_soon{
	padding:70px !important;
}

span.unread a{
	font-weight:bold;
}
span.read a{
	font-weight:normal;
}
/*.new_entry{
	font-size:16px;
}*/

.rec_no{
	text-align:right;
}
.pay_instrument{
	text-align:right;
}
.pay_details{
	text-align:center;
	font-size:22px;
	color:#333;
	font-weight:500;
	margin-top:20px;
	margin-bottom:10px;
}
.margin_bottom_0{
	margin-bottom:0;
}

.tel a{
	color:#035e82;
}
.disabled_vendor, .disabled_vendor .tel a, .disabled_vendor .btn-warning {
	color:#ccc !important;
}

@media (min-width: 992px){
.navbar-nav.navbar-left > li > .dropdown-menu:before {
    left: auto !important;
    right: 12px !important;
}
.navbar-nav.navbar-left > li > .dropdown-menu:after {
    left: auto;
    right: 12px;
}
}

#documentadd .upload_error label.error, #documentedit .upload_error label.error{
	margin-left:-310px;
}
#txtCaptcha{
	color:#000;
	font-size:18px !important;
	font-weight:500;
	margin-top:0 !important;
	margin-bottom:0 !important;
}
p.help-block{
    font-weight: 400 !important;
    color: #FB404B !important;
	margin-bottom:0 !important;
	margin-top:0 !important;
}
#btnrefresh{
	padding:5px 10px;
	color: #FFFFFF;
    //background-color: #23CCEF;
	//border-color: #23CCEF;
	background-color: #035e82;
	opacity:1;
	border-color: #035e82;
	box-shadow: 1px 2px 5px -2px rgba(0,0,0,0.75);
}
.captcha .form-control{
	padding:6px 8px;
}
.margin-top-5px{
	margin-top:3px;
}

.topbar{
	background:#035e82;
	border-bottom:1px solid #87cb6a;
}
.topbar h5.phone{
	font-size:14px !important;
	margin-top:5px;
	margin-bottom:5px !important;
	color:#fff !important;
}
.topbar h5.mail{
	font-size:14px !important;
	margin-top:5px;
	margin-bottom:5px !important;
	color:#fff !important;
	font-weight:500;
	float:right;
	text-transform:none;
}
.topbar h5.phone a, .topbar h5.mail a{
	color:#fff;
}
#top .navbar{
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.15);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.15);
    box-shadow: 0 2px 3px rgba(0,0,0,.15);
}
/*.navbar-fixed {
  top: 0;
  z-index: 100;
  position: fixed;
  width: 100%;
}*/

.mon_update{
	padding-top:5px !important;
}
.mon_update h3{
	margin-top:5px !important;
	margin-bottom:25px;
	color: #333333 !important;
    font-weight: 400;
    font-size: 22px;
}
.mon_update p{
	margin-top:10px !important;
	margin-bottom:0 !important;
}
.amount{
	padding:15px 8px 15px 8px;
	background:#fcfbfb;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(63, 63, 68, 0.1);
	margin-bottom:10px;
}
.amount_pending{
	padding:15px 8px 15px 8px;
	background: #035e82;
	box-shadow: 1px 2px 5px -2px rgba(0,0,0,0.75);
	margin-bottom:10px;
	color:#fff
}
a .amount_pending p{
	color:#fff !important;
}
a .amount_pending:hover{
	box-shadow:none !important;
}
.dues_img{
	-webkit-filter: brightness(0) invert(1); /* Safari 6.0 - 9.0 */
    filter: brightness(0) invert(1);
}