.msg_unread {  background: #FFFFFF; }
  .msg_read {  background: #F8F8F8; }
  .msg_accepted { background: #E8F9E8;}
  .msg_rejected { background: #F9EBEA;}
  .msg_completed { background: #CBF8CB;}
  #header { background: #ffffff !important; color: #000 !important; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33) !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33) !important; } 
  #header .headerbar-right ul li a { color: #000000 !important; }
  #header .headerbar-right ul li #toggle-menu { color: #000000 !important; }
  

    .error { background: #e4a1a1 !important; }   
		.page .browse-tile:last-child {
			margin: 0px !important;
		}
		.browse-tile
		{
			width:100% !important;
			padding: 6px !important;
			list-style: none;
			box-shadow: 0px 0px 3px #ccc !important;
			border-radius: 6px !important;
		}
	.table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom: 0;
    border-bottom-width: 0;
    white-space: nowrap;}	
		.page .browse-tile .browse-tile-title a {
			font-size: 13px;
		  padding-left: 3px;
		}
		.page .browse-tile .browse-tile-product-price {
			background: rgba(251, 178, 23, 0.97);
			top: 118px;
			left: 16%;
		}
		.page .browse-tile-container {
   			 padding-top: 3px;
		}
		.page .browse-tile img {
			min-height: 152px;
			max-height: 153px;
		}
		.page .browse-tile .browse-tile-ratings-reviews {
			color: #fbb217;
			padding: 1px 0;
			text-align: right;
			font-size: 15px !important;
			padding: 1px 3px 0 0;
		}
		
		.instruct h1{font-size: 13px;margin: 12px 0 12px;}
.alert-dismissable.instruct .close, .alert-dismissible .close {
    position: relative;
    top: -5px;
    right: 0;
    color: inherit;
    opacity: 0.9;
}
	
		.page .browse-tile {
			border-radius:0px;
		}
		.card-head {
			line-height: 38px;
			min-height: 38px;
		}
		.first-section
		{
			margin-top:45px;	
		}
		

		#last_name-error{
			left: 250px;
		}


		span.help-block {
			color: #F00 !important;
		}

	#editbanner .modal-body, #editmember .modal-body, #latlong .modal-body, #update-btn .modal-body, #society-album .modal-body, #create-folder .modal-body, #sendinvitation .modal-body,  #bookingrequest .modal-body{position: relative;
    padding: 15px;
    background: #d4e9fa;
    font-size: 13px;
   }	

    #editbanner button.close, #editmember button.close, #latlong button.close, #update-btn button.close, #society-album button.close, #create-folder button.close, #sendinvitation button.close, #bookingrequest button.close{position: relative;
    top: -13px;
    left: 10px;
    background: #d1f3f7;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    z-index: 9;
    opacity: 0.9;}
.life-rental textarea.form-control {
    padding: 4px 0 4px 0;
    height: auto;
    border-bottom: none;
}
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
   display: none;
    position: absolute;
    z-index: 1000;
    float: left;
    min-width: 130px;
    font-size: 13px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    background-clip: padding-box;
    margin: 0;
    border-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 10px 14px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}		
		
	li.dropdown:hover >.dropdown-menu {
    display: block;
}	
	

@media (min-width: 769px) {
  .navbar-nav {
   float: none; 
    width: 1235px;
    margin: 0 auto !important;
  }
}
		   
.nav>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a, .dropdown-menu>li{
  border-bottom: 2px solid transparent;
}
.nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
  border-bottom: 2px solid transparent;
  background: none;
     
}
.navbar a, .dropdown-menu>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .navbar-toggle{
 color: #20252b;
  font-size: 16px;
}
.dropdown-menu{
      -webkit-box-shadow: none;
    box-shadow:none;
}

.nav li:hover:nth-child(8n+1), .nav li.active:nth-child(8n+1){
     background: #fbb218;
}
.nav li:hover:nth-child(8n+2), .nav li.active:nth-child(8n+2){
     background: #fbb218;
}
.nav li:hover:nth-child(8n+3), .nav li.active:nth-child(8n+3){
     background: #fbb218;
}
.nav li:hover:nth-child(8n+4), .nav li.active:nth-child(8n+4){
     background: #fbb218;
}
.nav li:hover:nth-child(8n+5), .nav li.active:nth-child(8n+5){
      background: #fbb218;
}
.nav li:hover:nth-child(8n+6), .nav li.active:nth-child(8n+6){
      background: #fbb218;
}
.nav li:hover:nth-child(8n+7), .nav li.active:nth-child(8n+7){
      background: #fbb218;
}
.nav li:hover:nth-child(8n+8), .nav li.active:nth-child(8n+8){
      background: #fbb218;
}

.navbar-toggle .icon-bar{
    color: #050708;
    background: #050708;
}

.navbar {
    background: #85c7be;
    border-radius: 0px 0px 0 0;
    margin-bottom: 0px;
    min-height: 51px;
    border: 0px !important;
}

.dropdown-menu {
    margin: 0;
    border-color: rgb(133, 199, 190);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    background: #85c7be;
}

.navbar-collapse.in {
  position: absolute;
  z-index: 999999;
  background: #85c7be;
  width: 100%;
}

/*   For Report Dashboard Page  -- START */
@media (max-width: 769px) {
  #content{padding-top: 0 !important;}
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto Condensed', sans-serif;
  }
  .dl-horizontal dd {
    margin-left: 180px;
    font-size: 15px;
    text-align: right;
    font-family: 'Roboto Condensed', sans-serif;
  }
  .menu{
  width: 0px;
  transition:all 0.3s;
  height: 100%;
    position: fixed;
    z-index: 1;
    top: 65px;
    left: 0;
    overflow-x: hidden;
    transition: 0.8s;
    background-color: #673AB7;
    padding-top: 30px;
    color:white;

}
.menu i{
  margin:5px 0px;
  top: 0px;
  right: 10px;
  position: absolute;
  font-size: 30px;

}
.mainClose i{color: #fff;}

.menu li{
    list-style: none;
  /*font-size: 16px;*/

  padding-bottom: 10px;
  font-weight: 600;
}
.menu li:hover{
  background-color: #E91E63;
  padding-bottom: 10px;
  /*font-size: 25px;*/

}
.menu ul{
  padding-top: 20px;
  padding-left: 0px;
  text-align: center;
}

.menuOpen{
  width: 200px;
    background-color: #363637;
  transition:all 0.3s;
}

.menuClose{
  background-color: #363637;
  transition:all 0.3s;
  padding-left: 0px!important;
  transition:all 0.3s;
}
.mainOpen{
  transition:all 0.3s;
    margin-left:410px;
  transition:all 0.3s;
}

.mainClose{
  transition:all 0.3s;
    margin-left: 5px;
  transition:all 0.3s;
}
.offcanvas-pane.style-default-dark{background: #85c7be;} 
.offcanvas-body ul li .tile-content .tile-text {color: #2a2a2b;} 
.offcanvas-head i{color: #000;} 
.offcanvas-body ul li .tile-content .tile-text:hover {color: #000;}
.offcanvas-body ul li ul{background:#f19712;}
.site-footer h2.copyright-text-2{margin: 8px 0 8px;}
#MainMenu .panel{background: #85c7be;}
#MainMenu a.list-group-item, #MainMenu a.list-group-item:hover, #MainMenu a.list-group-item:focus{padding: 7px 10px 6px;background: #85c7be;color: #000;}
#MainMenu .list-group-item{margin-bottom: -1px; border-bottom: 1px solid #ddd;}
#MainMenu .collapse a.list-group-item{background: #ffa109;}
}

.card.style-primary {
    background-color: #fbb217;
    border-color: #fbb217;
    color: #0a0c0d;
}

.alert {
    padding: 10px;
    margin-bottom: 24px;
    border: 1px solid transparent;
    border-radius: 2px;
    font-size: 16px;
} 
.society-name{line-height: 0px; color: #333; position: relative; float: none;display: inline-block; padding-top: 8px;}
/*   For Report Dashboard Page  -- END */


@media(max-width: 640px){
  #content{padding-top: 0 !important;}               
.society-name{font-size: 19px;}
.dataTables_wrapper .col-sm-6{width: 50%;float: left;}
.dataTables_wrapper .dataTables_length select{height: 30px !important;
    padding: 4.5px 0px !important;
  
    font-size: 12px !important;}
.data-lengths .dataTables_length {display: none;}
.dataTables_wrapper .dataTables_filter input{ padding: 4.5px 0px !important;}
.menu{
  width: 0px;
  transition:all 0.3s;
  height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.8s;
    background-color: #673AB7;
    padding-top: 30px;
    color:white;

}
.menu i{
  margin:5px 0px;
  top: 0px;
  right: 10px;
  position: absolute;
  font-size:23px;

}
.mainClose i{color: #fff;}

.menu li{
    list-style: none;
/*  font-size: 20px;*/
  padding-bottom: 10px;
  font-weight: 600;
}
.menu li:hover{
  background-color: transparent;
  /*font-size:16px;*/
 padding-bottom: 10px;

}
.menu ul{
  /*padding-top: 20px;*/
  padding-left: 0px;
  text-align: center;
}

.menuOpen{
  width: 200px;
    background-color: #363637;
  transition:all 0.3s;
}

.menuClose{
  background-color: #363637;
  transition:all 0.3s;
  padding-left: 0px!important;
  transition:all 0.3s;
}
.mainOpen{
  transition:all 0.3s;
    margin-left:410px;
  transition:all 0.3s;
}

.mainClose{
  transition:all 0.3s;
    margin-left: 5px;
  transition:all 0.3s;
}
.card-head .left-padding{font-size: 16px;}
.card-body{padding: 5px;}
.offcanvas-pane.style-default-dark{background: #85c7be;} 
.offcanvas-body ul li .tile-content .tile-text {color: #2a2a2b;} 
.offcanvas-head i{color: #000;} 
.offcanvas-body ul li .tile-content .tile-text:hover {color: #000;}
.offcanvas-body ul li ul{background:#f19712;line-height: 9px;}
.offcanvas-body ul li ul li:first-child {padding: 20px 0px 0px 2px;}
#upcoming_events{padding: 0;}
.site-footer h2.copyright-text-2{margin: 8px 0 8px;}

#MainMenu .panel{background: #85c7be;}
#MainMenu a.list-group-item, #MainMenu a.list-group-item:hover, #MainMenu a.list-group-item:focus{padding: 7px 10px 6px;background: #85c7be;color: #000;}
#MainMenu .list-group-item{margin-bottom: -1px; border-bottom: 1px solid #ddd;}
#MainMenu .collapse a.list-group-item{background: #ffa109;}
.view-bills .table-striped > tbody > tr:nth-child(odd) > td, .view-bills .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: rgba(242, 243, 243, 0.35);font-size: 10px !important;padding: 0px !important;}
.view-bills .table-striped > tbody > tr > td{font-size: 10px !important;}
.view-bills > .table > thead > tr > th, .view-bills > .table > tbody > tr > th, .view-bills > .table > tbody > tr > td{font-size: 10px !important;padding: 0px !important;}
.polling-quot.table-responsive > .table > tbody > tr > td{    white-space: inherit !important;}
.quote-poll h4{font-size: 12px;}
h3{font-size: 14px !important;}
}