/* custom template */
			 
.middlecontents{padding-bottom:40px;}
			.nav {
				font-family: Arial, sans-serif;
				font-size: 13px;
			}
 
			a:hover {
				text-decoration: none;
			}

			hr {
				border-color: #dedede;
			}

			.wrapper, .row {
				height: 100%;
				margin-left: 0;
				margin-right: 0;
			}

			.wrapper:before, .wrapper:after, .column:before, .column:after {
				content: "";
				display: table;
			}

			.wrapper:after, .column:after {
				clear: both;
			}

			.column {
				height: 100%;
				overflow: auto;
				*zoom: 1;
			}

			.column .padding {
				padding: 20px;
			}

			.full {
				padding-top: 70px;
			}

			.box {
				bottom: 0; /* increase for footer use */
				left: 0;
				position: absolute;
				right: 0;
				top: 0;
				background-color: #444444;
				/*
				 background-image:url('/assets/example/bg_suburb.jpg');
				 background-size:cover;
				 background-attachment:fixed;
				 */
			}

			.divider {
				margin-top: 32px;
			}
			
			.new_wrando_container .container{max-width:100%;}
.new_wrando_container>div>.col-md-9>.container, .new_wrando_container>div>.col-md-9{padding: 0px;}

			.navbar-blue {
				border-width: 0;
				background-color: #0c58db;
				color: #ffffff;
				font-family: arial, sans-serif;
				top: 0;
				position: fixed;
				width: inherit;
			}

			.navbar-blue li > a, .navbar-toggle {
				color: #efefef;
			}

			.navbar-blue .dropdown-menu li a {
				color: #000;
			}
			.navbar-blue .dropdown-menu li > a {
				padding-left: 30px;
			}

			.navbar-blue li > a:hover, .navbar-blue li > a:focus, .navbar-blue .open, .navbar-blue .open > a, .navbar-blue .open > a:hover, .navbar-blue .open > a:focus {
				background-color: #0c58db;
				color: #fff;
			}
			.navbar-blue .navbar-nav>li>a{    padding-top: 15px;
    padding-bottom: 15px;}
			.login_pnl .dropdown-menu .fa {
				margin-right: 8px;
				width: 15px;
			}
			.login_pnl{    margin-left: 0px;
    margin-right: 0px;}
			#main {
				background-color: #e9eaed;
				padding-left: 0;
				padding-right: 0;
			}
			#main .img-circle {
				margin-top: 18px;
				height: 70px;
				width: 70px;
			}

			#sidebar {
				padding: 0px;
				padding-top: 15px;
			}

			#sidebar, #sidebar a, #sidebar-footer a { 
				color: #337ab7;
				background: #e9eaed;  
				/*text-shadow: 0 0 2px #000000;*/
				padding-left: 5px;
			}
			#sidebar .nav li > a:hover {
				background-color: #393939;
			}

			.logo {
				display: block;
				padding: 3px;
				background-color: #fff;
				color: #3B5999;
				height: 50px;
				/*margin:9px;
				 margin-right:2px;
				 margin-left:15px;*/
				font-size: 20px;
				font-weight: 700;
				text-align: center;
				text-decoration: none;
				text-shadow: 0 0 1px;
				border-radius: 2px;
			}
			#sidebar-footer {
				background-color: #444;
				position: absolute;
				bottom: 5px;
				padding: 5px;
			}
			#footer {
				margin-bottom: 20px;
			}

			/* bootstrap overrides */

			h1, h2, h3 {
				font-weight: 800;
			}
			.navbar-brand{height:auto !important;}
			.navbar-toggle, .close {
				outline: 0;
			}

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

			.btn-primary, .label-primary, .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
				background-color: #3B5999;
				color: #fffffe;
			}
			.btn-default {
				color: #666666;
				text-shadow: 0 0 1px rgba(0,0,0,.3);
			}
			.form-control {

			}

			.panel textarea, .well textarea, textarea.form-control {
				resize: none;
			}

			.jumbotron {
				background-color: transparent;
			}
			.label-default {
				background-color: #dddddd;
			}
			.page-header {
				margin-top: 55px;
				padding-top: 9px;
				border-top: 1px solid #eeeeee;
				font-weight: 700;
				text-transform: uppercase;
				letter-spacing: 2px;
			}

			.panel-default .panel-heading {
				background-color: #f9fafb;
				color: #555555;
			}

			.col-sm-9.full {
				width: 100%;
			}

			.modal-header, .modal-footer {
				background-color: #f2f2f2;
				font-weight: 800;
				font-size: 12px;
			}

			.modal-footer i, .well i {
				font-size: 20px;
				color: #c0c0c0;
			}

			.modal-body {
				padding: 0px;
			}

			.modal-body textarea.form-control {
				resize: none;
				border: 0;
				box-shadow: 0 0 0;
			}

			small.text-muted {
				font-family: courier, courier-new, monospace;
			}
			#postModal {
				overflow-y: auto !important
			}
			#lg-menu i.fa {
				margin-right: 10px;
			}
			.chatwindow_right {
				padding: 0px;
				background: #fff;
				position: fixed;
				right: 0px;
				height: 92%;
				padding-bottom: 20px;
				max-width: 269px;
				overflow-y: auto;
			}
			.chatwindow_right .top_chat_header{background: #333;margin: 0px;color: #fff;font-size: 13px;font-weight: normal;height: 34px;position: fixed;max-width: 269px;width: 100%;}
			.goog-te-gadget-simple .goog-te-menu-value span{color:#fff !important;} 
			/* adjust the contents on smaller devices */
			@media(min-width:1000px){
				.middlecontents.col-md-9 {
    width: 77.5%;
}
			}
			@media (max-width: 768px) {

				.column .padding {
					padding: 7px;
				}

				.full {
					padding-top: 20px;
				}

				.navbar-blue {
					background-color: #0c58db;
					top: 0;
					width: 100%;
					position: relative;
				}
				.navbar-nav .open .dropdown-menu > li > a {
					color: #fff;
				}

			}

			/*
			 * off canvas sidebar
			 * --------------------------------------------------
			 */
			@media screen and (max-width: 768px) {
				.row-offcanvas {
					position: relative;
					-webkit-transition: all 0.25s ease-out;
					-moz-transition: all 0.25s ease-out;
					transition: all 0.25s ease-out;
				}

				.row-offcanvas-left.active {
					left: 33%;
				}

				.row-offcanvas-left.active .sidebar-offcanvas {
					left: -33%;
					position: absolute;
					top: 0;
					width: 33%;
					margin-left: 5px;
				}

				#sidebar, #sidebar a, #sidebar-footer a {
					padding-left: 3px;
				}
			}
			@media (min-width: 320px) and (max-width: 767px) {

.logo img {
  display: block;
  margin: 0 auto;
  /* max-width: 100%; */
   width: auto;
	}
}